html - 如何将 HTML 元素排成一行？

Question

我有这个代码...

        <div class="header">
            <div class="mainh">

                <div class="table">

                    <ul>
                        <li><a>smth</a></li>
                        <li><a>smth</a></li>
                        <li><a>smth</a></li>
                        <li><a>smth</a></li>
                        <li><a>smth</a></li>
                    </ul>
                </div>

            </div>          
        </div>

我想要的是将 ul、li 和 a 放在一行中，它们之间的距离相同。
我该怎么做？

顺便说一句，我尝试了一些东西。我尝试了什么:

div.table ul li a {
    display: block;
}

...但它不会改变对齐方式。

Answer 1

试试这个:

ul li { float: left; margin-right:30px; }

<div class="header">
  <div class="mainh">
    <div class="table">
      <ul>
        <li><a>smth</a></li>
        <li><a>smth</a></li>
        <li><a>smth</a></li>
        <li><a>smth</a></li>
        <li><a>smth</a></li>
      </ul>
    </div>
  </div>          
</div>