2013年3月21日木曜日

リスト形式のメニューを中央に揃えるCSS


メニューをリストスタイルで作成すると、中央揃えさせようとしても align などではうまく配置できない。こんな感じで指定すると簡単にできちゃいました。




HTML


<ul id="low_navi">
<li></li>
<li></li>
<li></li>
</ul>



CSS


#low_navi {
  position: relative;
  overflow: hidden;
}
 
#low_navi ul {
  position: relative;
  left: 50%;
  float: left;
}
 
#low_navi ul li {
  position: relative;
  left: -50%;
  float: left;
}


サクッと忘れてるんだよね、こういうの。
いかんよねー。><

0 件のコメント:

コメントを投稿