Html 行和文本之间有更多的空间

我正在尝试做这样的事情：

      ---------------------        WORK         ------------------
                           ---------------------

这是我的密码

h2{ 宽度：100%； 文本对齐：居中； 边框底部：1px实心000； 线高：0.1米； 利润率：10px 0 20px； } h2 span{ 背景：fff； 填充：0 10px； }

---

这是一个测试您应该尝试以下方法：

      ---------------------        WORK         ------------------
                           ---------------------

h2{ 宽度：100%； 文本对齐：居中； 边框底部：1px实心000； 线高：0.1米； 利润率：10px 0 20px； } h2 span{ 背景：fff； 填充：0 10px； 边框：1px000； 边框顶部宽度：0； 边框左宽度：0； 右边框宽度：0； } 这是一个测试HTML代码：

<div class='white-line'></div>
    <div  class='line-title text-center' >
    <span class='bg-black'>THIS IS A TEST</span>
</div>

---

也许，您正在寻找的是虚线边框：边框底部：1px黑色虚线

氢{ 宽度：100%； 文本对齐：居中； 边框底部：1px 000； 线高：0.1米； 利润率：10px 0 20px； } 氢跨度{ 背景：fff； 填充：0 40px； 边框底部：1px黑色虚线； }

---

WORKI无法说出您实际要求的内容，但如果您希望的输出是上面的文本，请尝试以下操作：``