通过CSS将这些元素内联/放在一行中

Question

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

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

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

这不能在html中编辑,因为它是通过多个插件创建的.有没有办法让"一些文字"出现在"1"的右侧.通过CSS.我尝试过类似的东西:

li {
    display: inline;
}

哪个没用.你有什么建议吗？非常感谢你!

Answer 1

您需要设置dl和dt显示为inline,因为它们的默认值为block:

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