Quote:
Originally Posted by roland1
Q. In my new book I have bold headings followed by a short, no indent paragraph. However, I need to maintain some spacing between these sections, yet the advice here has been to avoid margins to allow the user to assign them.
So how would I deal with something that looks like this? :
SOME HEADING
Paragraph full of text, some of it good.
(space)
ANOTHER HEADING UNLIKE THE FIRST
Another paragraph full of text, none of it good.
(space)
YET ANOTHER HEADING...
content that's hopefully better than that last stuff...
(space)
Well, you get the idea. Should I use < br/> or margins —*or are there space before and space after css conventions now that actually work?
|
Here is some HTML code.
Code:
<p class="CN">CHAPTER ONE</p>
<p class="CT">BEN (I)</p>
<p class="SN">1</p>
<p class="noindent">By the time he had passed Portland going north on the turnpike, Ben Mears had begun to feel a not unpleasurable tingle of excitement in his belly. It was September 5, 1975, and summer was enjoying her final grand fling. The trees were bursting with green, the sky was a high, soft blue, and just over the Falmouth town line he saw two boys walking a road parallel to the expressway with fishing rods settled on their shoulders like carbines.</p>
Code:
<p>He looked down at his arms. They had broken out in goose flesh.</p>
<p class="SN">2</p>
<p class="noindent">He deliberately skirted town, crossing into Cumberland and then coming back into ’salem’s Lot from the west, taking the Burns Road. He was amazed by how little things had changed out here. There were a few new houses he didn’t remember, there was a tavern called Dell’s just over the town line, and a pair of fresh gravel quarries. A good deal of the hardwood had been pulped over. But the old tin sign pointing the way to the town dump was still there, and the road itself was still unpaved, full of chuckholes and washboards, and he could see Schoolyard Hill through the slash in the trees where the Central Maine Power pylons ran on a northwest to southeast line. The Griffen farm was still there, although the barn had been enlarged. He wondered if they still bottled and sold their own milk. The logo had been a smiling cow under the name brand: “Sunshine Milk from the Griffen Farms!” He smiled. He had splashed a lot of that milk on his corn flakes at Aunt Cindy’s house.</p>
Here is the CSS code that goes with it.
Code:
.CN {
font-family: sans-serif;
font-size: 1.7em;
margin-top: 0.8em;
margin-bottom: 0.6em;
text-align: center;
text-indent: 0;
}
.CT {
font-family: sans-serif;
font-size: 1.7em;
font-weight: bold;
line-height: 0.7;
text-align: center;
text-indent: 0;
}
.noindent {
text-indent: 0;
}
.SN {
font-family: sans-serif;
font-size: 1.5em;
font-weight: bold;
margin-top: 1.6em;
margin-bottom: 0.8em;
text-align: center;
text-indent: 0;
}