文字下方的空白-不可填充或空白

Question

我有一个具有以下属性的h2元素；

border-bottom: 5px dotted #7298c2;
border-top: 5px dotted #7298c2;
padding: 15px 0;
margin: 15px 0;
line-height: 1; /* this was added after a suggestion that it could fix the issue /*

问题在于，在文本下方甚至填充之前，还有很多空白。我可以通过更改填充来弥补这一点，以解决此问题，但我认为应该有一种更简单的方法来解决此问题。

请查看屏幕截图。

Answer 1

将行高更改为0.75或75％

line-height: 1;