html IMGの高さを打ち消したい

Posted 2021-05-11

<!-- テキストとテキストの間に画像が入っている場合、その高さ分空いてしまう -->
<!-- imgをdivで囲んで、height:0;にすれば、画像がfloatのように浮いている感じになる -->
<h1>サンプルテキスト</h1>
<div class="wrap">
  <img href="hogehoge.jpg" />
</div>
<h1>サンプルテキスト</h1>

<style type="text/css">
  .wrap {
    height: 0;
  }
  img {
    // 色々imgに対してスタイルつける
  }
</style>