在列表项中添加填充

Question

我正在尝试在列表项中添加填充：

我试过了

.page li {     
padding: 10px; 
} 

但它不起作用

预先感谢 ？

Answer 1

你可以用line-height来做：

line-height CSS 属性设置行框的高度。它通常用于设置文本行之间的距离。在块级元素上，它指定元素内行框的最小高度。在非替换内联元素上，它指定用于计算行框高度的高度。

演示：

li {
  line-height: 2em;
 }

<ul>
    <li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illo tempora quas similique sed quaerat commodi ipsum reiciendis nisi dolor repellat est aliquam quod at harum temporibus reprehenderit eaque, ut assumenda.</li>
    <li>Vel praesentium accusamus nihil id fugit quasi aperiam perferendis harum quidem corporis aliquam, quod nobis architecto recusandae quaerat velit nesciunt necessitatibus quam pariatur expedita quibusdam! Quia odio similique velit veniam?</li>
    <li>Adipisci earum aspernatur quibusdam optio id rem impedit nam soluta itaque porro illum maiores, accusantium cum veniam alias, nesciunt corporis voluptas natus enim repudiandae libero placeat quidem reprehenderit? Quam, ex.</li>
    <li>Rerum voluptatem ratione harum officia, veniam ipsum. Quibusdam, quasi impedit consequuntur quaerat distinctio officia. Animi, laudantium deleniti quo illo, unde facere delectus nam modi dicta dolorum neque perferendis qui eaque.</li>
    <li>Molestias quaerat dolorem fugiat error iste, tempora quos suscipit at eligendi nemo expedita harum facilis cumque quod provident tenetur consequatur placeat. Porro, rem et nostrum libero nisi inventore aut vero.</li>
    <li>In autem possimus amet, aut mollitia reiciendis quae iure! Officia impedit maxime iusto repellat magni natus quasi magnam aliquam velit, inventore error earum incidunt nostrum consequatur sunt. Nihil, dolorum dolore.</li>
</ul>