On Mon, 10 Sep 2007, Paul Hanson wrote:
> Basically, I want my <DT> to look exactly like my <H3> style and I want
> my <DD> tag to look exactly like my Body-Text style *EXCEPT* I want a
> hanging indent.
You might find it easier to use <h3> and <div class="something">, because
then you would not need to worry about the special default rendering of
<dl>, <dt>, and <dd>. But assuming you decide to use Definition List
markup, the only way to achieve the same styling as for <h3> is to declare
the same properties for <dt> as you have set for <h3> _or_ a browser
assigns by default _and_ to set explicitly any settings that would
otherwise apply to <dt>.
So this is rather abstract, but we might expect that setting the display,
margin, padding, and font properties might be enough. Perhaps just:
dl, dt, dd, h3 { margin: 0; padding: 0; display: block; }
dt, h3 { font: 120% sans-serif;
margin-top: 1em; }
dd { margin-left: 2em;
text-indent: -2em; }
I'm not sure whether you really want <dd> to have hanging indent. Perhaps
you meant that <dt> and the subsequent <dd> together form a unit that has
hanging indent, so that the <dd> follows the <dd> on the same line.
--
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
