Как разметить пункт списка, внутри которого несколько абзацев текста

Как разметить пункт списка, внутри которого несколько абзацев текста

Разметить пункт списка, в котором находится несколько абзацев текста, можно так:

<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;
}

Примеры