![MARKLEAPS[マークリープス]](https://markleaps.com/blog/wp-content/themes/mkl/images/00_logo.png){kind=logo}
テキスト下の不要な余白を消す方法
MARKLEAPS
テキスト下に生まれる不要な余白を消す方法
テキストの疑似要素にネガティブマージンを指定する
・html
|
1 2 |
<h2>OUR<br />SERVICE</h2> <img src="images/image01.jpg" alt="" /> |
・css
|
1 2 3 4 5 6 7 8 9 10 11 |
h2 { font-size: 6rem; line-height: 1.4; letter-spacing: 0.05em; margin-bottom: 0; } h2::after { display: block; content: ""; margin-top: -21px; } |
![[HTML] detailsとsummaryタグでアコーディオン（開閉）コンテンツを作る](https://markleaps.com/blog/wp-content/uploads/2024/08/html-details_summary-500x254.gif)
![[CSS] font-familyの指定方法](https://markleaps.com/blog/wp-content/uploads/2024/07/css-font-family01-500x254.jpg)
![[HTML] SEOに強いセマンティックコーディングとは](https://markleaps.com/blog/wp-content/uploads/2024/05/html-semantic01-500x254.gif)
![[CSS] カラーコードで透明度を指定する方法](https://markleaps.com/blog/wp-content/uploads/2024/04/css-rrggbbaa01-500x254.jpg)