フッタ付近での使用を想定した横型のメニューです。
/* --- フッタナビゲーション --- */ .footerNav { font-size: 80%; } /* --- メニューエリア --- */ .footerNav .nl { margin: 0; padding: 0; list-style-type: none; text-align: center; /* メニューのセンタリング */ } /* --- メニュー項目 --- */ .footerNav .nl li { margin: 0 4px; /* 項目のパディング(上下、左右) */ display: inline; }
<div class="footerNav"> <ul class="nl"> <li><a href="#">ホームページ作成</a></li> <li><a href="#">HTML</a></li> <li><a href="#">スタイルシート</a></li> <li><a href="#">JavaScript</a></li> <li><a href="#"></a></li> </ul> </div>