Html 高亮显示时如何消除行间的间距？

我正在使用一个自定义的文本编辑器，我试图通过如下所示的高亮显示来消除行之间的空格。我不确定如何在不从根本上改变HTML结构的情况下解决这个问题，而这是我无法做到的。非常感谢您的建议

编辑：我不想简单地降低行高。我更希望扩大高亮显示占用的垂直空间

p{
显示：块；
字体系列：蒙特塞拉特；
字体大小：13px；
高度：19px；
线高：19.5px；
边缘底部：0px；
边际上限：0px；
溢出包装：断开单词；
溢出x：隐藏；
溢出y：隐藏；
文本缩进：-3px；
用户选择：无；
空白：预包装；
宽度：498.5px；
单词包装：打断单词；
-webkit后的页边距：0；
-之前的webkit页边距：0；
-webkit页边距结束：0；
-webkit页边距开始：0；
-webkit用户修改：仅读写明文
}
跨度{
显示：内联；
字体系列：蒙特塞拉特；
字体大小：13px；
高度：自动；
线高：19.5px；
溢出包装：断开单词；
溢出x：隐藏；
溢出y：隐藏；
文本缩进：-3px；
用户选择：无；
空白：预包装；
宽度：自动；
单词包装：打断单词；
-webkit用户修改：仅读写明文
}

一行文字


第二行


第三行

喜欢，因为它看起来不好看，所以只需降低行高即可。我希望项目的间距保持不变。我只想突出显示垂直延伸。我已经编辑了我的问题来澄清这一点。CSS技巧有一个很好的帖子关于这一点，我把你的问题弄错了，对不起