如何在顶部设置一个菜单，其中链接左对齐且右对齐

Question

这似乎很简单。我目前右侧对齐的页面顶部有一个菜单。 我希望链接位于页面左侧。怎么做？

 <div id="toptop"> 
     <ul id="bottomnavlistl">
    <li class="a">
             <a href="@Url.Content("~/Account/EditDetails/")">LOGIN</a>
             <a href="@Url.Content("~/Account/LogOff/")">LOGOUT</a>
    </li>
    <li class="first"><a href="@Url.Content("~")">HOME</a></li>

CSS

    ul#bottomnavlistl li
{    
    display: inline;
    padding: 10px 0px 5px 0px;
    border-right: 1px dotted #8A8575; 
    float:right;   
}

Answer 1

使用float:left

http://htmldog.com/reference/cssproperties/float/

Answer 2

你的CSS应该有类似

的东西

.a{float:left;}
.first{float:right}

A demo here