HTML and CSS Reference
In-Depth Information
The real truth behind the q and blockquote mystery
Okay, it's time to stop the charade:
<blockquote>
and
<q>
are actually different types of elements.
The
<blockquote>
element is a
block
element and the
<q>
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
<q>, <a>, and <em> are inline elements.
<h1>, <h2>, ... , <h6>, <p>, and <blockquote> are all block elements.
E
ach
block
elem
ent
is
d
ispla
yed o
n it
s own
, as
i
f it
has a
line
break
h2
<q>,
on t
he o
ther
han
d, lik
e all
inlin
e ele
ment
s, is
just
disp
layed
in
the
flow
of
the
par
agra
ph it
's in.
b
efor
e and
aft
er it
.
p
q
p
blockquote
Remember: block elements stand on their own;
inline elements go with the flow.