如何使菜單在頂部具有左對齊和右對齊的鏈接

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}

這里的演示