Head First HTML with CSS

lock and inline elements
The real truth behind the and mystery
Okay, it’s time to stop the charade: and are actually different
types of elements. The element is a block element and the
element is an inline element. What’s the difference? Block elements are always
displayed as if they have a linebreak before and after them, while inline elements
appear “in line” within the flow of the text in your page.
Block: stands on its own Inline: goes with the flow
, , ..., , , and are all block elements.
h2
p
blockquote
94 Chapter 3
Each block element is
displayed on its own, as if
it has a linebreak before
and after it.
Block elements
separate content
into blocks.
, , and are inline elements.
on the other
hand, like all inline
elements, is just
displayed in the flow
of the paragraph
it’s in.
Remember: block elements stand on their own;
inline elements go with the f low.
p
q