css - <dl> 不允许显示 :inline-block like <div> allows for

Question

美好的一天，我有一个单例<dl>多个<dt>和 <dd> .

我希望的是通过 CSS(2 或 3)，允许一个 <dt>它是 child <dd>通过 CSS 类位于左列，另一个位于右列。

我当前的 HTML:

<dl>
<dt class="LeftList"><a href="">DT Name</a></dt>
<dd>DD Info 1</dd>
<dd>DD Info 2</dd>
<dt class="RightList"><a href="">DT Name</a></dt>
<dd>DD Info 1</dd>
<dd>DD Info 2</dd>
</dl>

我当前的 CSS:

.LeftList{
float:left;
margin-left:1.333em;
display:inline-block}

.RightList{
float:left;
margin-left:13em;
display:inline-block}

Answer 1

float 元素会自动显示为 block 元素，因此您的内联元素将被忽略。你能提供一张你想要得到的照片吗？

我只是猜测你正试图得到这样的东西: 现在我只是稍微改变了你的 CSS，从 fiddle 可以看出

.RightList{
margin-left:13em;
display:block}

http://jsfiddle.net/nx7zws31/2/

请与我们分享更多关于您的愿景的信息。