分隔导航栏链接

Question

我无法将2个导航链接移动到页面的任何一侧。

即

工作（空间-------------------------------------------- -------）联系

如果我要使用更多导航按钮，这不会有问题，但只有2个按钮只是在600px之后向下包裹在右下方。

        <ul>
            <div class="Work">
            <li><a href="work.html"></a></li>
            </div>

            <div class="Contact">
            <li><a href="contact.html">Contact</a></li> 
            </div>

        </ul>



ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: white;
}

li {
float: left;
}

li a {
display: block;
color: black;
text-align: center;
padding: 0px 15px 0px 0px;
text-decoration: none;
font-family: arial;
font-size: 16pt;
margin-right: px;

}

由于