Please help my .nav wont text-align: right; properly
<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; }
问问题
85 次
3 回答
3
使用float: right而不是text-align: right.
您也可以将它向右移动，将 aposition: relative放到上面的容器中（在您的情况下main-container）并放入position: absolute; right: 0px; bottom: 0px课堂nav。
于 2013-01-13T01:48:50.123 回答
1
首先，您仅将锚标记设置为text-align: right. 如果您希望将整个导航发送到右侧，您需要将 CSS 应用于div.nav而不是div.nav a.
如果你想使用，你需要设置一个宽度，text-align: right但我建议使用float: right，但这取决于你。浮动将使您的元素“浮动”，因此项目可以出现在其下方。有关浮动的更多信息，请点击此处
于 2013-01-13T01:55:22.203 回答
0
尝试这个：
从 div.nav 中删除 text-align
并将其添加到 div.nav
text-align:right;
也许一个标签环绕着文本并且不能对齐它尽管父 di 在这种情况下导航是 100% 宽度
于 2013-01-13T01:50:06.317 回答