What’s the difference between a block-level element and an inline element in html?

Every element in HTML is displayed in one of a few ways. By default, most tags are either displayed as block-level or inline. BlockA block-level element is drawn as a block that stretches to fill the full width available to it (the width of its container) and will always start on a new line. Example tags include <div>, <img>InlineUnlike the block-level elements, inline elements are drawn where they are defined and only take up space that is absolutely needed. Example tags include <span>, <b>

Related HTML and CSS Mentoring answers

All answers ▸

What is CSS used for?


Explain what a pseudo class selector is


What's wrong with the following HTML markup: <p style"font-size:10px;">Copyright <span>2015</span></p>?


What is the correct HTML to link a stylesheet?


We're here to help

contact us iconContact usWhatsapp logoMessage us on Whatsapptelephone icon+44 (0) 203 773 6020
Facebook logoInstagram logoLinkedIn logo

© MyTutorWeb Ltd 2013–2025

Terms & Conditions|Privacy Policy
Cookie Preferences