前端之家收集整理的这篇文章主要介绍了
html – css list inline没有水平列出项目？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我不知道为什么这不是正确的,列表是要水平
显示？
而是垂直
显示！
这是我的代码：
#stats li {
display: inline;
list-style-type: none;
padding-right: 20px;
}
<ul id="stats">
<li>
<h1>53</h1>
</a>
</li>
<li>
<h1>67</h1>
</a>
</li>
</ul>
你忘了
添加float：left
属性到你的CSS：
#stats li
{
display: inline;
list-style-type: none;
padding-right: 20px;
float: left;
}
顺便说一下,您在HTML示例中没有打开标签.应该
<li><a href="#"><h1>53</h1></a></li>
原文链接：https://www.f2er.com/html/230124.html
