css - 在 CSS 中向 添加填充会使内容不会以一致的行高移动

Question

我的困境是这样的。我有一个列表，一个简单的购物车，登录名，用户注册列表。我想通过添加填充来向上移动列表。但是我不能没有列表添加行高。解决这个问题的方法是什么？请参阅下面的示例。此列表位于标题中。

之前:

.content{
  border: 2px solid #000;
}

li {
	list-style-type: none;
	font-size: 10px;
	direction: right;
	text-align: right; 
	padding-bottom: 20px;
	line-height: 1;
	display: block;
}

<div class="content">
  <ul>
    <li>Cart</li>
    <li>Login</li>
    <li>Customer Registration</li>
  </ul>
</div>

之后:

Answer 1

您需要将填充添加到 ul 而不是 li 。