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>