如何在頂部有一個菜單，左邊對齊並右對齊鏈接

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

你的CSS應該有類似的財產以後

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

一個demo here

Answer 2

使用float:left

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