Html 文本和下划线之间的间隙

我想知道为什么填充底部或边距底部不适用于下划线？在li>a中：在我添加填充底部之前，它不会创建任何类型的空间。我没有主意了，你能帮我吗

ul{
列表样式类型：无；
保证金：0；
填充：0；
文本对齐：右对齐；
线路高度：10vh；
右边距：10vh；
动画：fadein 5s；
-moz动画：fadein 5s；/*Firefox*/
-webkit动画：fadein 5s；/*Safari和Chrome*/
-o-动画：fadein 5s；/*Opera*/
字体系列：verdana；
}
李{
显示：内联；
左边距：2.5vh；
右边距：5vh；
文本转换：大写；
}
a{
文字装饰：无；
颜色：白色；
}
李>a{
位置：相对位置；
颜色：黑色；
文字装饰：无；
}
a:悬停{
颜色：黑色；
}
李：以前{
内容：“；
位置：绝对位置；
宽度：100%；
高度：2倍；
垫底：3件；
底部：0；
左：0；
背景色：黑色；
可见性：隐藏；
-webkit转换：scaleX（0）；
变换：scaleX（0）；
-webkit过渡：所有0.7都可以轻松地从0变为0；
过渡：所有的0.7秒都在0秒内变慢；
}
li>a：悬停：之前{
能见度：可见；
-webkit转换：scaleX（1）；
变换：scaleX（1）；
}

将

底部：0

更改为

底部：-3px要获取所需内容：


ul{
列表样式类型：无；
保证金：0；
填充：0；
文本对齐：右对齐；
线路高度：10vh；
右边距：10vh；
动画：fadein 5s；
-moz动画：fadein 5s；/*Firefox*/
-webkit动画：fadein 5s；/*Safari和Chrome*/
-o-动画：fadein 5s；/*Opera*/
字体系列：verdana；
}
李{
显示：内联；
左边距：2.5vh；
右边距：5vh；
文本转换：大写；
}
a{
文字装饰：无；
颜色：白色；
}
李>a{
位置：相对位置；
颜色：黑色；
文字装饰：无；
}
a:悬停{
颜色：黑色；
}
李：以前{
内容：“；
位置：绝对位置；
宽度：100%；
高度：2倍；
垫底：3件；
底部：-3px；
左：0；
背景色：黑色；
可见性：隐藏；
-webkit转换：scaleX（0）；
变换：scaleX（0）；
-webkit过渡：所有0.7都可以轻松地从0变为0；
过渡：所有的0.7秒都在0秒内变慢；
}
li>a：悬停：之前{
能见度：可见；
-webkit转换：scaleX（1）；
变换：scaleX（1）；
}






将
底部：0
更改为
底部：-3px要获取所需内容：


ul{
列表样式类型：无；
保证金：0；
填充：0；
文本对齐：右对齐；
线路高度：10vh；
右边距：10vh；
动画：fadein 5s；
-moz动画：fadein 5s；/*Firefox*/
-webkit动画：fadein 5s；/*Safari和Chrome*/
-o-动画：fadein 5s；/*Opera*/
字体系列：verdana；
}
李{
显示：内联；
左边距：2.5vh；
右边距：5vh；
文本转换：大写；
}
a{
文字装饰：无；
颜色：白色；
}
李>a{
位置：相对位置；
颜色：黑色；
文字装饰：无；
}
a:悬停{
颜色：黑色；
}
李：以前{
内容：“；
位置：绝对位置；
宽度：100%；
高度：2倍；
垫底：3件；
底部：-3px；
左：0；
背景色：黑色；
可见性：隐藏；
-webkit转换：scaleX（0）；
变换：scaleX（0）；
-webkit过渡：所有0.7都可以轻松地从0变为0；
过渡：所有的0.7秒都在0秒内变慢；
}
li>a：悬停：之前{
能见度：可见；
-webkit转换：scaleX（1）；
变换：scaleX（1）；
}






或在“li>a”中添加“padding bottom”。很好用。：）


ul{
列表样式类型：无；
保证金：0；
填充：0；
文本对齐：右对齐；
线路高度：10vh；
右边距：10vh；
动画：fadein 5s；
-moz动画：fadein 5s；/*Firefox*/
-webkit动画：fadein 5s；/*Safari和Chrome*/
-o-动画：fadein 5s；/*Opera*/
字体系列：verdana；
}
李{
显示：内联；
左边距：2.5vh；
右边距：5vh；
文本转换：大写；
}
a{
文字装饰：无；
颜色：白色；
}
李>a{
位置：相对位置；
颜色：黑色；
文字装饰：无；
垫底：10px；
}
a:悬停{
颜色：黑色；
}
a:以后呢{
内容：“；
位置：绝对位置；
宽度：100%；
高度：2倍；
垫底：3件；
底部：0；
左：0；
背景色：黑色；
可见性：隐藏；
-webkit转换：scaleX（0）；
变换：scaleX（0）；
-webkit过渡：所有0.7都可以轻松地从0变为0；
过渡：所有的0.7秒都在0秒内变慢；
}
li>a：悬停：之后{
能见度：可见；
-webkit转换：scaleX（1）；
变换：scaleX（1）；
}






或在“li>a”中添加“padding bottom”。很好用。：）


ul{
列表样式类型：无；
保证金：0；
填充：0；
文本对齐：右对齐；
线路高度：10vh；
右边距：10vh；
动画：fadein 5s；
-moz动画：fadein 5s；/*Firefox*/
-webkit动画：fadein 5s；/*Safari和Chrome*/
-o-动画：fadein 5s；/*Opera*/
字体系列：verdana；
}
李{
显示：内联；
左边距：2.5vh；
右边距：5vh；
文本转换：大写；
}
a{
文字装饰：无；
颜色：白色；
}
李>a{
位置：相对位置；
颜色：黑色；
文字装饰：无；
垫底：10px；
}
a:悬停{
颜色：黑色；
}
a:以后呢{
内容：“；
位置：绝对位置；
宽度：100%；
高度：2倍；
垫底：3件；