HTML＆CSS左侧和右侧项目的水平菜单

Question

我正在HTML + CSS中构建水平菜单。目前的结果是好的，除了我想在左边有一些项目，其他的在右边。我在Google上找不到有用的结果，所以我在问这个问题。

这里是我到目前为止的代码：

#menu 
{ 
    background-color: #383838; 
    height: 65px; 
    margin-bottom: 20px; 
} 

#menu ul li 
{ 
    float: left; 
} 

<div id="menu"> 
    <ul> 
     <li>Link 1</li> 
     <li>Link 2</li> 
     <li>Link 3</li> 
    </ul> 
</div> 

我想有右侧链接3，所以链接2和3之间的空间应在最大填充。我不希望填充<li>标签，而是将类应用到左侧的最后<li>或右侧的第一个<li>。不想调整宽度，因为我在链接上悬停了背景颜色变化的效果。我想保证金或填充应该做的伎俩，但我无法设法找到如何。

任何线索？

Answer 1

您是否尝试过将float: right;样式应用于<li>Link 3</li>元素？