From the course: HTML for Programmers

Unlock the full course today

Join today to access over 24,500 courses taught by industry experts.

Inline vs. block elements

Inline vs. block elements

- [Narrator] Flow layout, also known as normal flow, describes how block and inline elements are rendered on a page, before any changes to their layout have been made. In normal flow, inline elements are rendered on the same line as their surrounding elements. In contrast, block elements are rendered on a new line, one after another. To illustrate this concept, let's take the scenario of boarding an airplane. If the passengers boarding the plane are all in line elements, they would take their seats in a line next to one another. Once a row has reached capacity, the passengers would move to the next row, and so on until the plane is full. Now, let's say the passengers are all block elements. Passenger one would sit in seat 1A. When passenger two boards, they would see passenger one in row A and think this row is occupied. So they would sit in seat 2A. Passenger three would follow the same thought process, and sit in seat…

Contents