> > What CSS - limiting myself to CSS2.1 - should I use to make the
> > format appear as indicated below? You may assume that Trident 6 (IE
> > 6) need not be specifically supported, and that later browsers are in
> > Standards mode.
> >
> > Sample text:
> >
> > _Technicians_ are those individuals who perform ...
I see a problem with your markup though:
> > <DL class="inline-definition">
> > <DT>Technicians</DT>
> > <DD>are those individuals who perform...</DD>
> > </DL>
I don't think there is room for "are those" in there.
Imho it should be:
<DT>Technicians</DT>
<DD>Individuals who perform...</DD>
> Anyway, I'd start playing with something like the following: first
> reset all
> relevant margin and padding values (as DL and its children are known to
> have
> nonzero default values for them), then make the DT a left-floated
> element
> and apply the desired styling to it, e.g.
>
> dl, dt, dd { margin: 0; padding: 0; }
> dt { float: left; font-style: italic; }
[...]
> dt { padding-right: 0.3em; }
Because "float" is used to style the DTs I'd say it may be a good idea to
use them to clear too.
And to be safe, applying overflow:hidden;zoom:1 (or your favorite block
formatting context/hasLayout trigger) on the DL would also prevent potential
issues related to these floats.
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
______________________________________________________________________
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/
