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

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

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

・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;

}

HTML・CSS

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

2025.09.25

HTML・CSS

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

2025.09.10

HTML・CSS

[HTML・CSS] 説明リストdlのdtとddを横並びに表示する方法（コ…

2025.09.05

HTML
CSS

SEARCH

CATEGORY

TAG

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

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

RELATED POSTS

社内風景

社内風景2