小编use*_*101的帖子

水平ul导航与右侧对齐

我正在尝试创建一个水平导航,它与父元素的右侧对齐.您可以在http://kaffeeprinzen.jag-aelskar.de/上看到导航,其中显示"Espresso".

我的HTML是:

<ul id="menu-standard">
    <li id="menu-item"><a>Item 4</a></li>
    <li id="menu-item"><a>Item 3</a></li>
    <li id="menu-item"><a>Item 2</a></li>
    <li id="menu-item"><a>Item 1</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我的CSS是:

.menu li { 
    float: right;
    margin-left: 20px;
}
Run Code Online (Sandbox Code Playgroud)

它的工作原理如下,唯一的问题是列表中的顺序是错误的.第一项是html代码中的最后一项.

有什么提示吗?非常感谢!雅尼斯

html css navigation html-lists

10
推荐指数
1
解决办法
3万
查看次数

标签 统计

css ×1

html ×1

html-lists ×1

navigation ×1