Как оформить такой список?

Question

[rinatoptimus]

Вот скриншот списка

я оформил так:

<ul>
  <li><b>Цвет:</b>
    <ul>
      <li>синий</li>
      <li>белый</li>
      <li>красный</li>
      <p>Есть другие цвета</p>
    </ul>
    
    <li>...</li>
    <li>...</li>
  </li>
</ul>

Валидатор говорит, что тэг p так вставлять нельзя. Как правильно это сделать?

Comments

[Hovhannes Varosyan]

зачем тег p?

[Wispik]

А зачем там вообще p? Почему нельзя li сделать?

[rinatoptimus]

Hovo_Varosyan, если это будет текст, не относящийся к цветам, все равно оформить его через li?

[Hovhannes Varosyan]

rinatoptimus, тогда став после списка, в ul можно только li а внутри них уже другие теги

[Hovhannes Varosyan]

rinatoptimus, можешь ставить в li и добавить стили или после , это зависит от твоего выбора, но прямо в ul вместо li нельзя, валидатор будет ругаться

[Ankhena]

rinatoptimus,

Как правильно это сделать?

Поставить p после списка с цветами.
Может, это вообще кнопка? Или это просто сообщение, что они есть, но фик знает какие?

Answer 1

[Михаил Р.]

Валидатор говорит, что тэг p так вставлять нельзя. Как правильно это сделать?

Внутрь li, либо без p, но тогда li придайте стили p.

Answer 2

[Refguser]

Как правильно это сделать?

Если это не элемент списка (а по смыслу так и есть) - вынести его из списка.
Элементы списка - в li