html - 通过 CSS 使这些元素内联/在一行中

Question

我的 Joomla CMS 中的一个模块生成以下代码:

<li id="myid" clas="">
   <span>
      <strong>1.</strong>
   </span>

   <dl>
      <dt>
         <span>Some text</span>
      </dt>
  </dl>
</li>

这不能在 html 中编辑，因为它是通过多个插件创建的。有没有办法让“Some text”出现在“1”的右边。通过 CSS。我试过类似的东西:

li {
    display: inline;
}

这没用。你有什么建议吗？非常感谢!

Answer 1

你需要设置dl和dt显示为inline，因为它们默认是block:

#myid dl, #myid dt {
    display: inline;
}