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> 我不知道为什么这不是正确的,列表是要水平显示？
而是垂直显示！

这是我的代码：

#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>

总结

以上是内存溢出为你收集整理的html – css list inline没有水平列出项目？全部内容，希望文章能够帮你解决html – css list inline没有水平列出项目？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。