Box Model & Layout

CSS Display

Control how elements behave: block, inline, inline-block, none.

1Block vs Inline

Block elements take full width. Inline elements take only necessary width.

Example Code

h1 { display: block; }
span { display: inline; }
div { display: none; /* Hidden completely */ }

Finished reading?

Mark this topic as complete to track progress.