html – 我如何使>元素从左到右而不是从上到下流动？

这是我的< li>元素.我希望他们从左到右而不是从上到下.

<div class="nav">
  <ul>
    <li><a href="test">test</a></li>
    <li><a href="test">test</a></li>
    <li><a href="test">test</a></li>
    <li><a href="test">test</a></li>
    <li><a href="test">test</a></li>
  </ul>
</div>

我该怎么做？

编辑：如何控制每个li元素之间的间距以及其元素和li元素边界之间的色彩和间距？

解决方法

我想你在找

li {
  display:inline;
}

原文地址：https://www.jb51.cc/html/230218.html