[ CSS ] ul 要素でタグ付けしたメニューを右揃えにするサンプル

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）

ul 要素でタグ付けしたメニューを右揃えにする CSS のサンプルを作ってみました。

動作サンプル

https://codepen.io/darucub/pen/raexaLg

文字によるメニューで幅が確定できない場合、float を使うんじゃなくて、text-align を使った方が良いみたい。とりあえず、Mac IE 5.2.3 + Safari 2.0.3 では問題なし。

修正してみた @ 2008-03-18

Windows + Internet Explorer 5 のバグで表示がずれるとコメント頂いたので、MultipleIEs に含まれる Internet Explorer 5.01 で確認すると確かに表示がずれてました。

コメントで教えて頂いた通り height:1px; を追加すると正常に表示。ありがとうございます。

下記のブラウザで表示確認オッケーでした。

• Windows + Internet Explorer 5 – 7

• Windows + Firefox 2

• Mac + Safari 3

• Mac + Firefox 2

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。