リスト形式のメニューを中央に揃える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;

}







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

いかんよねー。＞＜