At 03:33 PM 3/4/2006, luis jure wrote:
>i want to format definition lists in a way that the definition description
>goes in the same line than the definition term, like this:
>
>dt term1 here dd text goes here to the end of the line blah blah blah
>and goes on here at the beginning of the next line if long enough
>
>dt term2 here dd text 2 goes here etc.
>
>i tried different values of the 'display' property, and also with 'float'.
>but i can't get exactly what i want, that seems to me should be trivial.
I can see two ways to do this:
1) float the DT left and let the DD wrap around it:
dl
{
width: Xem;
}
dt
{
display: block;
float: left;
width: Yem;
}
dd
{
display: inline;
}
...where X is the width of the entire text area and Y is the width of the DT.
2) declare them both inline:
dt,
dd
{
display: inline;
}
DTs are by default inline and DDs are by default block, but it never
hurts to declare your intentions explicitly in order to bring all
browsers into line. A block element will normally begin a new row of
content, while inline elements will follow one another on the same row.
In your examples you've got two or three ems of blank space between
DT and DD. If this is intentional you could use padding or margin to
force that in the presentation as well
Paul
______________________________________________________________________
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/
