Html 如何在li和容器div的边框之间添加边距？

我有一个

div

，它包含一个

h3

和一个

ul

（里面的

li

s是定制的苗条组件）：

#项目{
利润率：25px；
显示器：flex；
对齐项目：居中；
证明内容：中心；
弯曲方向：立柱；
边框：2px实心#FF7F00；
最大宽度：50%；
}
李.项目{
填充：20px；
}
#项目名称{
边缘顶部：20px；
}

我的一些项目！

1.16版的免费开源mod，用Kotlin编写，使用。
用于在Minecraft mods（使用Forge）中创建战利品表的Kotlin DSL。
Minecraft mod for 1.16，它引入了令人兴奋的新维度、怪物和积木，由。
你正在看。用，和。

您可以在div中添加填充：

#项目{
利润率：25px；
显示器：flex；
对齐项目：居中；
证明内容：中心；
弯曲方向：立柱；
边框：2px实心#FF7F00；
最大宽度：50%；
右：3%；
}
李.项目{
填充：20px；
}
#项目名称{
边缘顶部：20px；
}

我的一些项目！

1.16版的免费开源mod，用Kotlin编写，使用。
用于在Minecraft mods（使用Forge）中创建战利品表的Kotlin DSL。
Minecraft mod for 1.16，它引入了令人兴奋的新维度、怪物和积木，由。
你正在看。用，和。

您可以在div中添加填充：

#项目{
利润率：25px；
显示器：flex；
对齐项目：居中；
证明内容：中心；
弯曲方向：立柱；
边框：2px实心#FF7F00；
最大宽度：50%；
右：3%；
}
李.项目{
填充：20px；
}
#项目名称{
边缘顶部：20px；
}

我的一些项目！

1.16版的免费开源mod，用Kotlin编写，使用。
用于在Minecraft mods（使用Forge）中创建战利品表的Kotlin DSL。
Minecraft mod for 1.16，它引入了令人兴奋的新维度、怪物和积木，由。
你正在看。用，和。

执行以下操作：

#项目{
利润率：25px；
显示器：flex；
对齐项目：居中；
证明内容：中心；
弯曲方向：立柱；
边框：2px实心#FF7F00；
最大宽度：50%；
}
李.项目{
填充：20px；
}
#项目名称{
边缘顶部：20px；
}
#项目清单{
填充：10px
}

我的一些项目！

1.16版的免费开源mod，用Kotlin编写，使用。
用于在Minecraft mods（使用Forge）中创建战利品表的Kotlin DSL。
Minecraft mod for 1.16，它引入了令人兴奋的新维度、怪物和积木，由。
你正在看。用，和。

执行以下操作：

#项目{
利润率：25px；
显示器：flex；
对齐项目：居中；
证明内容：中心；
弯曲方向：立柱；
边框：2px实心#FF7F00；
最大宽度：50%；
}
李.项目{
填充：20px；
}
#项目名称{
边缘顶部：20px；
}
#项目清单{
填充：10px
}

我的一些项目！

1.16版的免费开源mod，用Kotlin编写，使用。
用于在Minecraft mods（使用Forge）中创建战利品表的Kotlin DSL。
Minecraft mod for 1.16，它引入了令人兴奋的新维度、怪物和积木，由。
你正在看。用，和。

给“项目”添加填充怎么样？
#项目{
保证金：25px；
显示：flex；
对齐项目：居中；
调整内容：中心；
伸缩方向：列；
边框：2px实心35; FF7F00；
最大宽度：50%；
填充顶部：50px；
右边填充：50px；
填充底部：50px；
左侧填充：50px；

---

}

在“项目”中添加填充怎么样？
#项目{
保证金：25px；
显示：flex；
对齐项目：居中；
调整内容：中心；
伸缩方向：列；
边框：2px实心35; FF7F00；
最大宽度：50%；
填充顶部：50px；
右边填充：50px；
填充底部：50px；
左侧填充：50px；
}运行以下命令：

HTML:

#项目{
利润率：25px；
显示器：flex；
对齐项目：居中；
证明内容：中心；
弯曲方向：立柱；
边框：2px实心#ff7f00；
最大宽度：50%；
}
保险商实验室{
填充：0 20px；
}
#项目名称{
边缘顶部：20px；
}

我的一些项目！

1.16版的免费开源mod，用Kotlin编写，使用。
用于在Minecraft mods（使用Forge）中创建战利品表的Kotlin DSL。
Minecraft mod for 1.16，它引入了令人兴奋的新维度、怪物和积木，由。
你正在看。用，和。

运行以下命令：

HTML:

#项目{
利润率：25px；
显示器：flex；
对齐项目：居中；
证明内容：中心；
弯曲方向：立柱；
边框：2px实心#ff7f00；
最大宽度：50%；
}
保险商实验室{
填充：0 20px；
}
#项目名称{
边缘顶部：20px；
}

我的一些项目！

1.16版的免费开源mod，用Kotlin编写，使用。
用于在Minecraft mods（使用Forge）中创建战利品表的Kotlin DSL。
Minecraft mod for 1.16，它引入了令人兴奋的新维度、怪物和积木，由。
你正在看。用，和。

将填充添加到uladd padding to ulThank you，它正在工作！谢谢，它起作用了！