Html 内联定义列表

我正在尝试使用CSS正确显示定义列表，以便术语和定义是内联的，但多个术语或定义会显示为一个块元素。所以

<dl>
  <dt>Term</dt>
  <dd>Definition</dd>
  <dt>Term</dt>
  <dd>Definition</dd>
  <dt>Term</dt>
  <dd>Definition</dd>
  <dd>Definition</dd>
</dl>

---

要使其正常工作，我缺少什么？

浮点元素自动显示为块元素，显示：忽略内联规则

dl.inline dt, dl.inline dd {
    display: inline;
}
dl.inline dt {
    font-weight: bold;
}

---

如果你想设置右边距，你必须使用display:inline block这就是你想要的吗

---

您在哪个浏览器中测试此功能？在chromium 12和ff4中，它看起来不错，您是否知道

display:inline；浮动：左

是否冗余？如果指定

float:left

，则

display

将自动设置为

block

。设置

display:inline

的唯一用途是固定IE6中的浮动边距。你关心IE6吗？你还没有把你的类交给标签。。。。你的这个。。。。

dl.inline dt, dl.inline dd {
    display: inline;
}
dl.inline dt {
    font-weight: bold;
}

dl.inline dt, dl.inline dd {
    float: left;
    margin: 0 0.5em 0 0;
    background: #ccc
}
dl.inline dd + dt, dl.inline dd + dd {
    clear: left
}
dl.inline dd + dd {
    float: none
}
dl.inline dt {
    font-weight: bold
}