导航不会向右对齐

Question

请帮助我的.nav不要文字对齐：对;正确地

<div class="logo">
<h2><i class="icon-reorder"></i> Frosty</h2>
</div>
<div class="nav">
<a href="#">Home</a>
</div>

div.logo, div.nav { display: inline-block; }
div.nav a { text-align: right; }

Answer 1

使用float: right代替text-align: right。

您也可以将其移到右侧，将position: relative放在上面的容器中（在您的情况下为main-container），并将position: absolute; right: 0px; bottom: 0px放入nav类。

Answer 2

首先，您只将锚标记设置为text-align: right。如果您希望将整个导航发送到右侧，则您需要将CSS应用于div.nav而不是div.nav a。

如果您想使用text-align: right，则需要设置宽度，但我建议使用float: right，但这取决于您。浮动将使您的元素“浮动”，因此项目可以显示在其下方。有关float的更多信息，here

Answer 3

试试这个：

从div.nav中删除text-align

并将其添加到div.nav

text-align:right;

也许A标签环绕文本并且无法对齐父母di，在这种情况下nav是100％宽度