Html 如何减少圆圈中两行文字之间的间距

我得到了一个有两行文字的圆圈。 第一个说：P 第二种说法是：出版物

他们之间的空间目前太大了。有没有办法缩小空间

.圆圈1{ 字体系列：Arial； 文本对齐：居中； 背景：73B7DB； 边界半径：100px； 宽度：110px； 高度：105px； 垫面：5px； 颜色：fff； 保证金：0自动； } .资本{ 保证金：0px 0 0px 0； 线高：70px； 字体大小：60px； 字体大小：ligter； } .文本{ 文本对齐：居中； 边际顶部：0px！重要； 字号：100； 字体大小：15px； } P 出版物 试试负边距。类似保证金：0px 0-10px 0表示资本

.圆圈1{ 字体系列：Arial； 文本对齐：居中； 背景：73B7DB； 边界半径：100px； 宽度：110px； 高度：105px； 垫面：5px； 颜色：fff； 保证金：0自动； } .资本{ 保证金：0px0-10px0； 线高：70px； 字体大小：60px； 字体大小：ligter； } .文本{ 文本对齐：居中； 边际顶部：0px！重要； 字号：100； 字体大小：15px； } P 出版物

---

将.Capital类的行高度更改为较小的值就可以做到这一点

.Capital {
    margin: 10px 0 0px 0;
    line-height: 50px;
    font-size: 60px;
    font-weight: ligter;
}

---

这也会使它看起来更集中

我更喜欢这种方法，而不是使用负边距，因为负边距可能会导致其他副作用，例如元素空间没有被覆盖，因为所述元素上升了负边距。使用负边距意味着其他地方可能会有一些CSS错误。