floatで横並びさせたリストをセンタリングするときの方法

LIG inc様
floatで横並びさせたリストをセンタリングするときの方法

フッタのナビなんかに良く使います。
助かりました。勉強になります。

HTML

<div id="menu">
<ul>
<li>メニュー1</li>
<li>メニュー2</li>
<li>メニュー3</li>
<li>メニュー4</li>
<li>メニュー5</li>
</ul>
</div>

CSS

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



コメントは受け付けていません。