Hey Folks,
Wonder if someone might be able to lend some thoughts here.
In a site design I'm presently working on, I'm trying to keep
the coding as semantic and simple as possible, so for content
elements I'm trying to stick to formats like this:
<div id="block_content">
<h4>INTRO LINE</h4>
<h1>HEADLINE</h1>
<p>Body copy</p>
</div>
Now, I may be off, but what I'm finding is that on their own,
heading elements seem to contain their own line spacing or
padding. Even when I've set the MARGIN and PADDING values for
heading elements to 0, there's still a fair amount of space.
Without changing these heading elements to DIVs, is there any
good way to tighten things further? On a whim, I checked to
see the source code for the NY Times and see how they're
handling this with their headlines, and they seem to be using
DIVs for their heading and subheadings more so than heading
elements.
Or, rather, they'll do something like this:
<div id="block_content">
<div class="intro">INTRO LINE</div>
<h1>HEADLINE</h1>
<p>Body copy</p>
</div>
Thanks in advance,
Anthony
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
