Display DL like a table [duplicate]

问题

This question already has answers here:

How to style dt and dd so they are on the same line? (16 answers)

Closed 4 years ago.

How to style definition list items to have each definition in one line?

HTML:

<dl>
    <dt>word</dt><dd>meaning</dd>
    <dt>word</dt><dd>meaning</dd>
    <dt>word</dt><dd>meaning</dd>
</dl>

Visual rendering I need:

*word* meaning
*word* meaning
*word* meaning

回答1:

Try this.

dt  {
    clear:left;
    float:left;
    font-size:12px;
    line-height:26px;
    width:70px;
}

dd {
    clear:right;
    font-size:12px;
    line-height:18px;
    padding:4px 0 4px 40px;
}

来源：https://stackoverflow.com/questions/3284539/display-dl-like-a-table