让这些元素通过CSS

一个模块内联/在一个单一的线，我的Joomla CMS生成以下代码：让这些元素通过CSS

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

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

这必须在HTML编辑，因为它是通过多个插件创建。有没有办法让“某些文字”出现在“1”的右边。通过CSS。我试过类似的东西：

li { 
    display: inline; 
}

哪些没有工作。你有什么建议吗？非常感谢你！

来源

2012-02-02 softwaresupply

您需要设置dl和dt显示为inline，因为他们的默认值是block：

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

来源

2012-02-02 23:27:58 thirtydot

这是它在行动： http://jsfiddle.net/XjcAc/换句话说，接受这个人的答案。 ;） – 2012-02-02 23:43:43

这不起作用。如果我使用这个“某些文本”块仍然打印在“1”的下方 – softwaresupply 2012-02-03 09:17:36

@kameltreiber：你能链接到一个页面显示这不起作用吗？可能有些东西你没有告诉我，因为我的答案适用于你提供的HTML。 – thirtydot 2012-02-03 09:54:40

你为什么不使用有序列表，而不是无序列表？它可以被简化..

但是，如果你想要与你的代码一起去，你必须从列表中删除“”标签，因为它将被弃用。解决方法是在你的标签添加class =“强”你的电话号码，并添加更多的CSS问题，以下是“强”类的代码：

#myid .strong{ 
    font-weight:bold; 
}

你的HTML代码：

<li id="myid" clas=""> 
    <span class="strong">1.</span><dl> 
     <dt> 
     <span>Some text</span> 
     </dt> 
    </dl> 
</li>

来源

2012-02-03 04:01:16 Blackbone23

其实我不能在HTML代码中插入像“strong”这样的代码。 – softwaresupply 2012-02-03 09:18:34

让这些元素通过CSS

回答

相关问题