html – css list inline没有水平列出项目?

前端之家收集整理的这篇文章主要介绍了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>

猜你在找的HTML相关文章