Flow Layout

Flow layout is the default way elements are positioned on a webpage. Elements are displayed one after another, like words in a sentence, following the natural flow of the HTML. Block-level elements take up the full width available and start on a new line, while inline elements flow within the content, only taking up the space they need.

Visit the following resources to learn more:

• @article@CSS flow layout
• @article@Block and inline layout in normal flow
• @article@Flow layout and writing modes
• @video@CSS website layout in 9 minutes! 🗺️