我正在寻找一个类似于此的输出：
1. One 2. Two 3. Three 4. Four
从以下HTML代码
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</ol>
当您漂浮li以使其水平时,似乎Internet Explorer不希望显示号码(列表项).
有没有人碰到这个,找到一个可以使用的解决方案？
解决方法
此代码适用于我测试过的所有浏览器.如果您还没有找到答案,最受欢迎的答案的建议是有效的.只要调整你的宽度,如果你想要包装.
<ol style="list-style-type:decimal; width: 600px;">
<li style="float: left; width: 200px; padding: 2px 0px;">Test</li>
<li style="float: left; width: 200px; padding: 2px 0px;">Test</li>
<li style="float: left; width: 200px; padding: 2px 0px;">Test</li>
</ol>
ol.horizontal{
list-style-type: decimal;
width: 600px;
}
ol.horizontal li{
float: left;
width: 200px;
padding: 2px 0px;
}
<ol class="horizontal">
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ol>
