列表项之间增加边距

通常可以使用 margin 属性来设置：

li {
	margin-bottom: 10px;
}
li:last-child {
	margin-bottom: 0;
}

这样就可以在列表项之间设置边距而避免额外的空间开销。

学了弹性布局 FlexBox后可以利用 Flex容器间距 gap来直接在 ul/ol 上设置来实现：

ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
}