CSS:减少文本的行间距？

Question

我很难减少CSS行高(或高度 - 我已经尝试过两者)的文本行之间的间距.

我有一点文字,间距是关闭的.我已经尝试修改(似乎)应用的样式,并将文本括在一个<span>...</span>并明确声明样式.似乎没什么用.

该网站是使用Pagelines"lite"主题的Wordpress网站.该URL是http://stage.dsthree.com,问题出现在首页(您可以在文本的第四列中看到它,就在小文本中的"email subscribe"框下方 - 该行的行间距文本已关闭.此网站不允许我发布截图,因为我是新来的...抱歉.

我已将行高降低到1%并降低到1px无效.

任何有关如何减少空白的帮助,指示或建议都非常感谢!

Answer 1

内联元素不支持诸如以下属性line-height; 它们采用最近的块父级的行高.

见小提琴

解决方案:从主体中移除线高,或将跨度转换为块(即使其成为div;不要给出display:block跨度).

Answer 2

添加display:block和删除height.

<span style="font-size: 75%; line-height: 16px; display:block">blog posts & occasional updates (updates max 1 every 14 days)</span>

您了解更多关于display:block财产这里.