标题和段落文本没有空格答案

【问题标题】：Heading and paragraph text together without space标题和段落文本没有空格
【发布时间】：2013-04-19 03:10:37
【问题描述】：

我有 -

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

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

谢谢！

【问题讨论】：

能否请您澄清一下您的意思 1. 我已经设置了页边距并正确地将文本放入其中，2. 我想将所有文本打包在一起，因此几乎没有间隙，3. line-height 会毁了它？
1，使用 CSS 确保文本布局在背景图像内，2，文本垂直“紧密”在一起（彼此重叠） 3，类似于 line-height 但有更好的方法吗？即，您不能将
和捆绑在一起，因为它们是单独的 html

【解决方案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>

【讨论】：