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

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] カラーコードで透明度を指定する方法

関連最新記事

[HTML] detailsとsummaryタグでアコーディオン（開閉）コンテンツを作る

[CSS] font-familyの指定方法

[HTML] SEOに強いセマンティックコーディングとは

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

社内風景2

社内風景