并排显示dt标签而不是另一个标签

时间:2011-02-24 13:31:07

标签: html css

我希望并排显示HTML标记的dt而不是另一个 例如: -

<dl class='Desktop'>
  <dt class='first'>first</dt>
  <dt class='Second'>second</dt>
  <dt class='third'>third</dt>
</dl>

输出:first second third

3 个答案:

答案 0 :(得分:1)

我喜欢所有其他答案,因为它们很好,但我认为我的很简单并且不需要IE黑客攻击:

dt {
    display: inline;
}

答案 1 :(得分:0)

dl.Desktop dt{float:left;}

将并排获得它们。以下是一个示例:http://jsfiddle.net/zD8bs/

注意:可能需要额外的样式才能使其正确。

答案 2 :(得分:0)

你可以让它们向左浮动:

dt {
    float: left;
}

或者让它们成为内联块:

dt {
    display: inline-block;
    zoom: 1; /* IE hack */
    *display: inline; /* IE hack */
}

Why inline-block may be desirable