html - ナビが右揃えにならない

Question

私の .nav がテキストを揃えないように助けてください: 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; }

Answer 1

float: rightの代わりに使用しtext-align: rightます。

position: relative上のコンテナに a を入れて（あなたの場合はmain-container）position: absolute; right: 0px; bottom: 0px、navクラスに入れることもできます。

Answer 2

まず、アンカー タグのみを に設定していtext-align: rightます。div.navナビゲーション全体を右に送信する場合は、CSS をではなくに適用する必要がありますdiv.nav a。

使用する場合は幅を設定する必要がありますが、使用するtext-align: rightことをお勧めしfloat: rightますが、それはあなた次第です. フローティングは文字通り要素を「フローティング」させ、その下にアイテムを表示できるようにします。フロートについて詳しくはこちら

Answer 3

これを試して：

div.nav から text-align を削除します

これをdiv.navに追加します

text-align:right;

おそらく、タグがテキストを囲み、親 di に合わせて配置できません。この場合、nav は幅 100% です。