[thelist] Another one .. dd/dt/dl

ben morrison morrison.ben at gmail.com
Tue Oct 18 11:18:24 CDT 2005


On 10/18/05, john at johnallsopp.co.uk <john at johnallsopp.co.uk> wrote:
> Hiya
>
> Another one I can't quite fathom. How do I get stylesheets to stop the
> line break after dt and the indent for dd.
>
> It does this:
> Title
>     description
>
> I want this:
> Title description

DL lists can be quite a pain to style,

default style is similar to

dt {
display:block;
}
dd {
display:block;
margin-left:10px;
}


So you could change them to display:inline; or float:left;
but you will need some way of clearing each element.

dt {
float:left;
clear:left;
}
dd {
float:left;
}

As you can imagine it can get quite messy...

ben


More information about the thelist mailing list