html - CSSのみを使用してHTMLリストを垂直方向ではなく水平方向に表示するにはどうすればよいですか？

Question

メニュー（HTMLリストから作成）を水平に表示したいので、これが必要です。

ページのレイアウトを変更し始めると面倒になる可能性があるため、絶対位置を使用しないことを好みます。

サブリストのインデントも削除したいと思います。出来ますか？

Answer 1

以下のようなものを使用する必要があります

#menu ul{
  list-style: none;
}
#menu li{
  display: inline;
}
	

<div id="menu">
  <ul>
    <li>First menu item</li>
    <li>Second menu item</li>
    <li>Third menu item</li>
  </ul>
</div>

Answer 2

非常に簡単です：

ul.yourlist li { float:left; }

また

ul.yourlist li { display:inline; }

Answer 3

このようなインラインスタイリングを直接使用できます

<ul style="list-style: none; margin: 0; padding: 0;">
  <li style="display: inline">A</li>
  <li style="display: inline">B</li>
  <li style="display: inline">C</li>
  <li style="display: inline">D</li>
</ul>