テキスト下に生まれる不要な余白を消す方法
テキストの疑似要素にネガティブマージンを指定する
・html
|
|
<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; } |
![MARKLEAPS[マークリープス]](https://markleaps.com/blog/wp-content/themes/mkl/images/00_logo.png){kind=logo}
MARKLEAPS
![[CSS] display: none;、opacity: 0;、overflow: hidden; の違いと使い分け](https://markleaps.com/blog/wp-content/uploads/2025/06/css-display-opacity-overflow-500x254.jpg)
![[HTML] sectionとdivの違いとは？正しい使い分け方とSEOへの影響](https://markleaps.com/blog/wp-content/uploads/2025/06/html-section-div-500x254.jpg)
