<ol> </p> <li>的</li> </ol>中的<p>子部分

Question

根据this提问，并根据this回答。

我尝试在每个<p>...</p>中使用<li>创建相同的列表但，似乎它有效但我的问题是它为每个{{1}打破了一行}。

这里没有<li> - http://jsfiddle.net/urielz/tv5fV/，

此处有<p> - http://jsfiddle.net/urielz/2ANwJ/1/

如何让第二个（<p>）看起来像第一个（没有<p>）？

最好只用css编辑答案，但jQuery也可以接受。

Answer 1

对display:inline代码使用<p>：

li p {display:inline}

使其'内联'将删除换行符，因为它不再是块级元素，并且它将消除浏览器默认使用<p>标签的边距。

请参阅此Updated and working fiddle

Answer 2

使用display:inline或display:inline-block;作为<p>代码。

默认情况下，<p>代码设置为display:block;，这会将您的内容分解为新行。特别是当您使用:before

使用内容时

http://jsfiddle.net/2ANwJ/7/

li > p { 
    display: inline; 
}