テキスト下の不要な余白を消す方法

MARKLEAPS

2023.04.20

テキスト下に生まれる不要な余白を消す方法

テキストの疑似要素にネガティブマージンを指定する

・html

<h2>OUR<br />SERVICE</h2>
<img src="images/image01.jpg" alt="" />

1 2	<h2>OUR<br />SERVICE</h2> <img src="images/image01.jpg" alt="" />

・css

h2 {
	font-size: 6rem;
	line-height: 1.4;
	letter-spacing: 0.05em;
	margin-bottom: 0;
}
h2::after {
	display: block;
	content: "";
	margin-top: -21px;
}

h2 {

font-size: 6rem;

line-height: 1.4;

letter-spacing: 0.05em;

margin-bottom: 0;

}

h2::after {

display: block;

content: "";

margin-top: -21px;

}

CSS

よく読まれている関連記事

[CSS] カラーコードで透明度を指定する方法

テキスト下の不要な余白を消す方法

テキストの疑似要素にネガティブマージンを指定する

よく読まれている関連記事

[CSS] カラーコードで透明度を指定する方法

関連最新記事

CSSプロパティの記述順｜視覚順とアルファベット順

[CSS] shape-outside プロパティで画像にテキストを回り込ませる方法

[HTML・CSS] 説明リストdlのdtとddを横並びに表示する方法（コピペで使えるコード付き）

[CSS] 疑似クラス is() とwhere() の使い方と違い

社内風景2

社内風景