如何将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;
}

Answer 2

li {
  display: inline;
}

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