HTML and CSS Reference
In-Depth Information
Two line breaks in a row does not mean twice the vertical space on the
page. A break element calls for a line break to be present in the content low.
he browser is free to ignore the tag if a line break already exists at that point.
Also, when working with many WYSIWYG and online content editors, the
sotware strips extra line breaks from the HTML or adds its own. It is better to
control vertical space using CSS than to try to position things with extra line
breaks or empty paragraphs. Example 2.13 shows how to use line breaks in
formatting lines of a poem.
Example 2.13: paragraphs and line breaks
<!DOCTYPE html>
<html>
<head>
<title>Example 2.13</title>
</head>
<body>
<h1>Twelve</h1>
<hr/>
<p>
The five colors blind the eye.
<br/>
The five tones deafen the ear.
<br/>
The five flavors dull the taste.
<br/>
Racing and hunting madden the mind.
<br/>
Precious things lead one astray.
</p>
<p>
Therefore the sage is guided by what
he feels and not by what he sees.
<br/>
He lets go of that and chooses this.
</p>
<hr/>
</body>
</html>
he content is from a translation of Lao-Tsu's
Tao Te Ching
by Gai Fu Feng
and Jane English. Figure 2.13 shows how it appears in a browser.
