リストを使った横型のナビゲーションバーリストを使った横型のナビゲーションバーを作成する方法について解説します。 (2022 年 02 月 20 日公開 / 2022 年 02 月 20 日更新) まず縦型の場合と同じく、リストを作成し<ul>タグに対して、"margin-left"プロパティ及び"padding-left"プロパティに対して0を設定し、初めから付いている余白を削除します。合わせて"list-style-type"プロパティに"none"を指定しデフォルトで付いている黒丸を消します。 sample7.html 次に同じく<ul>タグに対して"width"プロパティを使ってナビゲーションバーの幅を指定します。また"border"プロパティで全体に枠を描いておきます。今回は横に並べるので横に並べた時に必要となる幅を設定して下さい。 sample8.html 次にリストを横に並べるために、<li>タグに対して"floa
