リストタグの「li」はブロック要素のため、その前後で改行が入ってしまい、デフォルトの状態では縦に並ぶことになります。この場合、CSSに「display: inline;」を指定して強制的にインライン化することにより、横並びにすることができます。 li { display: inline; } この「display: inline;」は指定した箇所をインライン要素として表示しますが、主にナビゲーションやフッターのリストタグ「li」を横並びにする際に使用されています。 ブロック要素とインライン要素の違い このブロック要素とインライン要素の違いについてですが、ブロック要素にはその前後で改行が入るのに対し、インライン要素には改行が入りません。 ブロック要素はリストアイテムの「li」のほか、段落の「pタグ」や「div」、あるいは「h1」などが該当します。一方、インライン要素はコンテンツの文中で使用さ