まずhtmlを書きます。
right.html
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="html.html">HTMLリファレンス</a></li>
<li><a href="css.html">CSSリファレンス</a></li>
</ul>
</nav>
それからcssを調整します。
CSSの、
ulに「text-align:right」を指定して右寄せにする。
そしてliタグを「display:inline」または「display:inline-block」を指定する。
ただしinline-blockはIE7以下は対応していないので「zoom:1」を設定する必要がある。
right.css
ul{
text-align:right;
}
li{
display:inline;
padding:0 10px;
}
// inline-blockの場合
li{
display:inline-block;
padding:0 10px;
zoom:1 // IE7以下
}