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

<p>внутри элемента <code><ul></code> очевидно, что вертикальный интервал между строками может быть отформатирован с помощью атрибута line-height.</p><p>мой вопрос заключается в том, как установить элемент <code><ul></code> по вертикали между элементами списка?</p>

<p>вы можете использовать маржу. смотрите пример:</p><p> <a href="http://jsfiddle.net/lthgy/">http://jsfiddle.net/lthgy/</a> </p><pre><code>li{ margin: 10px 0; } </code></pre>

<p>я был бы склонен к этому, который имеет силу поддержки ie8.</p><pre><code>li{ margin-top: 10px; border:1px solid grey; } li:first-child { margin-top:0; } </code></pre><p> <a href="http://jsfiddle.net/paulie\_d/dyyvj/"><strong> jsfiddle </strong></a> </p>

<p>html</p><pre><code><ul> <li>a</li> <li>b</li> <li>c</li> <li>d</li> <li>e</li> </ul> </code></pre><p>css</p><pre><code>li:not(:last-child) { margin-bottom: 5px; } </code></pre><p>правка: если вы не используете специальный случай для последнего элемента li, ваш список будет иметь небольшой интервал, который вы можете увидеть здесь: <a href="http://jsfiddle.net/wqyw7/">http://jsfiddle.net/wqyw7/</a> </p><p>теперь сравните это с моим решением: <a href="http://jsfiddle.net/wqyw7/1/">http://jsfiddle.net/wqyw7/1/</a> </p><p>конечно, это не работает в старых браузерах, но вы можете легко использовать расширения js, которые включат это для старых браузеров.</p>

<p>добавьте <code>margin</code> к своим <code>li</code> тегам. это создаст пространство между <code>li</code>, и вы можете использовать <code>line-height</code>, чтобы установить интервал для текста внутри тегов <code>li</code>.</p>

<p>установка padding-bottom для каждого списка с использованием псевдокласса является жизнеспособным методом. также можно использовать высоту линии. помните, что свойства шрифта, такие как font-family, font-weight и т.д., играют роль для неравномерных высот.</p>

<p>во многих случаях при создании почтовых сообщений в формате html нельзя использовать таблицы стилей или блоки стилей/стилей. все css должны быть встроенными. в случае, если вы хотите настроить расстояние между пулями, я использую li style = "margin-bottom: 8px;" в каждом пункте пули. настройте значение пикселей по своему вкусу.</p>