【CSS】上部メニューを右端に？

上部にあるグローバルメニューを右寄せにしたい時ありますよね。

 

左端の「UNIVERSAL LIVING」というロゴに対して、

float:left;

を使ってしまっています。

どうしたらよいでしょうか？ 

 

例えばグローバルメニューをULタグで囲った時、ULに対してfloat:right;を使い、LIタグに対して、float:left;

を指定します。

こうすると、ULブロックは右に寄り、LIは左に寄るというレイアウトが実現できます。

以下コーディング例です。 

 

---

div#logo{

 

float:left;

}

ul#global_menu{

float:right;

}

ul#global_menu  li{

float:left; 

 }

 

---

タグ：CSS グローバルメニュー 右寄せ UL Li