html - HTMLリストが並んでいます - 正しい方法は何ですか?

Question

次のように、並べて配置された 3 つの順序付けられていないリストがあります。

<ul><li>list 1</li></ul> <ul><li>list 2</li></ul> <ul><li>list 3</li></ul>

それらはリストのリストと見なされているため、別の ul/li タグ内にありますか、またはそれらを含む Div は適切ですか?

Answer 1

それらがリストのリストなのか、たまたま横に並べられた 3 つの異なるリストなのかを判断するのはあなた次第です (そこで CSS の出番です)。

それらがリストのリストでない場合は、containingdivで十分です。

Answer 2

このスタイル コードを ul と li に使用します。

ul{
  float:right;
  margin:0;
  padding:0;
  width:500px;
  clear:both;
}

そしてliに使用

ul li{
  float:right;
  width:100%;
}