From the course: CSS Layouts: From Float to Flexbox and Grid

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Inline and block elements

Inline and block elements - CSS Tutorial

From the course: CSS Layouts: From Float to Flexbox and Grid

Start my 1-month free trial

Inline and block elements

“

- [Narrator] The normal flow is how the browser lays out HTML elements by default when no CSS has been applied. The elements are displayed in the same order in which it appears in the HTML. The majority of elements will appear stacked on top of one another, and are known as block-level elements. Some common examples are sectioning elements, such as header and aside, as well as headings, paragraphs, and lists. There are other elements that display within a horizontal line, side by side. These are referred to as inline elements, and can be included in a block element, like a link in a paragraph or on their own. Something to note, the category of block-level versus inline elements was used in the HTML specifications up to version 4.01, but in HTML5, this was replaced with a more complex set of content categories grouped by similar characteristics. The categorization of inline and block-level elements still applies in…

Contents