DT with multiple DD on the right?

css, html

Solution

This isn't that hard, just remember your combinators:

dt {
    float: left;
    width: 8em;
}

dd {
    margin-left: 9em;
}

dd + dd {
    margin-left: 9em;
}

JS Fiddle demo.

References:

- `E + F`, adajacent-sibling selector.

Problem

Basically I would like to achive something like this in HTML of course: ``` Description: Element #1 Element #2 Element #3 [eventually bla bla bla] [...] ``` With table it's a joke: ``` <table> <tr> <td>Description</td> <td>Element #1<br>Element #2<br>Element #3 [eventually bla bla bla]</td> </tr> </table> ``` But should I use the table or ?

Original source

Related problems