Geek asks and answers

DT with multiple DDs on the right?

Basically, I would like to get something like this in HTML:

  Description:  Element #1
                Element #2
                Element #3 [eventually bla bla bla]
                [...]

With a table, this is 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 a table be used or?

+3
source share
2 answers

It's not that hard, just remember your combinators:

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

dd {
    margin-left: 9em;
}

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

JS Fiddle demo .

Literature:

+5
source

Using a table is really easy, and you have the additional opportunity to make each element its own cell:

<table>
  <tr>
   <td rowspan=3>Description
   <td>Element #1
  <tr>
   <td>Element #2
  <tr>
   <td>Element #3 [eventually bla bla bla]
</table>

. (, , td { vertical-align: top}, , , , .) , , , ?

dl "", CSS, .

-1

More articles:


All Articles