HTML and CSS Reference
In-Depth Information
Use the Flow, Luke
The Flow is what gives a CSS master his power. It's an
energy field created by all living things. It surrounds us
and penetrates us. It binds the galaxy together…oh, sorry.
Flow is actually what the browser uses to lay out a page
of HTML elements. The browser starts at the top of any
HTML file and follows the flow of elements from top to
bottom, displaying each element it encounters. And, just
considering the block elements for a moment, it puts a
linebreak between each one. So the first element in a
document is displayed first, then a linebreak, followed by
the second element, then a linebreak, and so on, from the
top of your file to the bottom. That's flow.
And h
ere's the HTML f
lowed
onto a
page.
<html>
<head>...</head>
<body>
<h1>...</h1>
<h2>...</h2>
<p>...</p>
<h2>...</h2>
<p>...</p>
<p>...</p>
<p>...</p>
</body>
</html>
h1
h2
p
Ea
ch new block
ele
ment causes a
lin
ebreak.
h2
p
p
Not
ice that
element
s
take
up the
full wid
th
of t
he page
.
p
