Css <;dl>;不允许显示:类似内联块<;部门>;允许

Css <;dl>;不允许显示:类似内联块<;部门>;允许,css,Css,你好,我有一个和多个和 我所希望的是,通过CSS(2或3),允许一个和它的子通过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 hre

你好,我有一个
和多个

我所希望的是,通过CSS(2或3),允许一个
和它的子
通过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,从小提琴上可以看出

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


请根据您的愿景与我们分享更多信息。

我看到了我的编辑。想要一张照片或者一些你想要得到的东西的指示我已经能够得到你想要的,但是看看第二个DT是如何在第一个DT下面的?我想让他们水平排列。好了,现在我明白你想要什么了:)为什么不是桌子?老板一直说他们更喜欢没有桌子的网页。桌子也是我的第一个想法(哈哈)基于下面的示例,我希望每个DT名称根据给定的边距排列(左和右)。基本上,请允许我写两列。请看我用fiddleNo编辑的内容,对不起。您的小提琴将第二个DT放在第一个DT的下方和右侧。我只想要右边的第二个DT,不要在下面。
.RightList{
margin-left:13em;
display:block}