html - 如何在顶部有一个菜单，链接左对齐和右对齐

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/