导航不会向右对齐答案

【问题标题】：Nav wont align to the right导航不会向右对齐
【发布时间】：2013-01-14 22:14:41
【问题描述】：

请帮助我的 .nav wont text-align: right;正确的

<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; }

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

使用float: right 而不是text-align: right。

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

【讨论】：

我希望它们完美排列，导航在 h2 上方
尝试使用vertical-align: bottom
不走运:(还有其他想法吗？
你能多放一点你的html吗？
更新了答案。我认为在你的情况下right: 45px; bottom: 35px 是对齐文本的好值。

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

试试这个：

从 div.nav a 中移除 text-align

并将其添加到 div.nav

text-align:right;

也许一个标签包裹了文本，并且在这种情况下，虽然父 di 是 100% 宽度，但无法对齐它

【讨论】：