CSS リストを横幅最大表示

インラインリストの要素（li）間を、リストが左右一杯に広げるように設定することは可能でしょうか？
想像しているのは、リストアイテム同士の間にあるマージンが自動で変更するような仕組みです。

No.1 ベストアンサー 回答者： ORUKA1951 回答日時： 2012/10/30 23:33

　通常は、%で全体を割り付けますが、マージンで調整と言うことはほとんどしません。

なぜなら広い画面のとき間延びしてしまうからです。
<ol class="nav">
<li><a href="/index.html">TOP</a></li>
<li><a href="/product">PRODUCT</a></li>
<li><a href="/future">FUTURE</a></li>
<li><a href="/cast">CAST</a></li>
</ol>

ol.nav,ol.nav li{list-style-type:none;margin:0;padding:0;line-height:20px;}
ol.nav{display:block;position:relative;height:20px;min-width:25em;}
ol.nav li{position:relative;top:0;display:block;width:10%;min-width:5em;background-color:yellow;padding:0.2em 0.5em;border:solid red 1px;position:absolute;top:0%;left:5%;}
ol.nav li+li{left:30%;}
ol.nav li+li+li{left:55%;}
ol.nav li+li+li+li{left:80%;}