HTML & CSS LayoutLesson 20Free preview

Layout Fundamentals

This lesson is part of Intro to HTML & CSS · All levels

Summary

This topic discusses normal flow and display as the foundation of layout: how elements flow from top to bottom, the differences in blocks and inlines, and the collapse margin. You also know important display values like inline-block and none. These concepts were the foundation before we studied flexboxes and grids.

Key points

Normal flow: sequential rendered elements, full width blocks, inline following a text stream
Display: none eliminates the elements and their spaces
Collapse margin: the neighboring vertical margin can be merged, not summed

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.