Quote:
Originally Posted by GraciousMe
<p class="tom"> </p>
Do not do that. You just want some vertical space, use vertical (top/bottom) margins, or a block element with fixed height. That's not a paragraph and there's no content to have there, don't add vertical space with "empty lines".
Margins of what? Block element...?
|
You have something like this:
Code:
<h1>Chapter Title</h1>
<p class="tom"> </p>
<p class="tom"> </p>
<div class="intro">
Short introductory text.
</div>
<p class="tom"> </p>
<p class="first">First paragraph</p>
I'd recommend one if these (the first one is preferable):
Margins:
Code:
<h1>Chapter Title</h1>
<div class="intro">
Short introductory text.
</div>
<p class="first">First paragraph</p>
Code:
h1 { margin-bottom: 1.5em; }
div.intro { margin-bottom: 1em; }
Block element:
Code:
<h1>Chapter Title</h1>
<div class="big_spacer"> </div>
<div class="intro">
Short introductory text.
</div>
<div class="spacer"> </div>
<p class="first">First paragraph</p>
Code:
div.big_spacer { height: 2em; }
div.spacer { height: 1em; }