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?
|
I'm going to throw a semantics flag on Jon here...while the CSS is purely whatever you want it to look like (within the limits of your website's rules) HEADINGS need to use the HEADINGS tag <h1> - <h6>...that's what they are for. You can still style headings however you want with CSS but lots of people and devices (accessibility) depend on publishers marking up the document properly.
<h1> - <h6> can be used in a hierarchical manner. Some here don't see a purpose in that, but I like organization.
So here's my change to Jon's sample:
Code:
<h3>CHAPTER ONE</h3>
<p class="CT">BEN (I)</p>
<h4>1</h4>
<p class="noindent">By the time he had passed Portland ...</p>
<p>He looked down at his arms...</p>
<h4>2</h4>
<p class="noindent">He deliberately skirted town, crossing into...</p>
Then you can just give the <h4> your margins of choice:
ex.
h4 {margin-top:2em}