<nav>タグを中央そろいさせたい

質問

html4と(html5ではない)xhtmlならわかるのですが、
html5について学びはじめて、html5にはインライン要素やブロックレベル要素の概念がないことを知りました。

そこで、以下のようなグローバルナビ(nav)を中央揃いにしたい場合は
どうするのが妥当なのでしょうか？

<style>
nav.global-navi ul{
display:table;
table-layout: fixed;
width:1024px;
}
nav.global-navi li{
display:table-cell;
}

</style>

<nav class="global-navi">
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
</ul>
</nav>

よろしくお願い申し上げます。

回答No.1

ORUKA1951

＞html5にはインライン要素やブロックレベル要素の概念がないことを知りました。
　そんなことはありません。HTML5では構造とプレゼンテーションが完全に分かれていますから、プレゼンテーションの意味としての「ブロック要素」「インライン要素」がHTMLに現れてこないだけで、それぞれの要素がプレゼンテーションとしてなんであるかは、スタイルシートに書かれています。
★ nav要素のdisplay値のデフォルトは、blockです。

<header>
　<nav>
　　<ul>
　　　<li><a href="/a">a</a></li>
　　　<li><a href="/b">b</a></li>
　　　<li><a href="/c">c</a></li>
　　　<li><a href="/d">d</a></li>
　　　<li><a href="/e">e</a></li>
　　</ul>
　</nav>
</header>

横並びさせるのにtabeはないでしょう。
header nav{width:100%;position:relative;text-align:center;line-height:40em;}
header nav ol{list-style:none;margin:0;padding:0;font-size:0;}
header nav ol li{display:inline-block;margin:0;padding:0;position:relative;font-size:16px;width:14%;}
header nav ol li+li{margin-left:2px;}

とか・・

　⇒横並びdivで一部の初期高さがずれる理由について( http://okwave.jp/qa/q8620878.html )