text - 标题和段落文本没有空格

Question

我有 -

<p>some text as 'intro'</p>
<h1>Big Text</h1>
<p>some text as 'outro'</p>

我在背景图像上设置了这个，我已经设置了边距并正确地将文本放在里面，但是我想把所有的文本都放在一起，所以几乎没有间隙——行高会毁了它，我已经尝试过单独的 div 标签但没有运气 - 为此选择的最佳 css 方法是什么？

谢谢！

Answer 1

如果您需要使用这些元素，您可以使用负边距：

<p>some text as 'intro'</p>
<h1 style="margin: -15px 0 -15px">Big Text</h1>
<p>some text as 'outro'</p>

更好的方法可能是通过换行符分隔不同的行并设置“标题”行的样式，如下所示：

<p>some text as 'intro'<br />
<span style="font-size: 200%; font-weight: bold;">Big Text</span><br />
some text as 'outro'</p>