html - 无序列表导航栏 : How to I make some buttons go to the right of the navigation page?

Question

我正在使用 CSS 和 HTML(我有一些代码)在顶部制作一个简单的导航栏

<ul>
    <li>Home</li>
    <li>About</li>
    <li>Products</li>
    <li>Contact</li>
    <li>Settings</li>
    <!--...-->
</ul>

等等，加上一点 CSS display:inline 魔法。一切正常，除了我想将一些链接(如“设置”)移动到导航栏的另一侧并用一个小图标替换它。但是，我找不到如何执行此操作。我试过 float:right 并使用 class 将其应用于某些列表项，然后通过 CSS 引用它们。我也尝试过 text-align:right，但似乎没有任何效果。 我做错了什么以及如何让一些列表项位于导航栏的右侧？

Answer 1

试试这个 ->

Working Demo

我已将设置和寄存器放在一个 div 上并添加了 float:right将它推到右边。

如果您想要图像，请将文本替换为 <img/>标签