Как разметить пункт списка, внутри которого несколько абзацев текста
Разметить пункт списка, в котором находится несколько абзацев текста, можно так:
<ol>
<li>
<p>Первый абзац</p>
<p>Второй абзац</p>
</li>
<li>...</li>
</ol>
Или с помощью универсального элемента <div>
:
<ol>
<li>
<div>Первый абзац</div>
<div>Второй абзац</div>
</li>
<li>...</li>
</ol>
Или так:
<ol>
<li>
<pre>
Первый абзац
Второй абзац
</pre>
</li>
<li>...</li>
</ol>
То есть всё зависит от того, какую роль играет тот или иной текст. Иными словами, разметка в пункте списка ничем не отличается от обычной разметки страницы, кроме как того, что в общем весь контент внутри <li>
является частью некоторых данных, представленных списком. Так что будьте свободны в выборе.
Если для вас разметка роли не играет, то можно воспользоваться CSS:
li {
white-space: pre-wrap;
}