h2とその下の画像(img)の間隔を狭めたい

Question

アフィンガー５を導入していますが、h2などの見出しとすぐ下にくる画像の近づけ方を下記のようにCSSで記載しましたができません。

.post h2, .img {
padding:0;
margin-bottom: 0px;
}

どうすれば今よりも感覚を狭めることができるのか、ご教示いただけましたら幸いです。

Comments

[退会済みユーザー]

解決したのであれば、ベストアンサーを選んで解決済みにしたほうがいいと思います

Answer 1

投稿記事ののh2、h3の真下に画像をいれているのですが、見出しと画像の間が一段落分空いてしまっている状態なのです。

<h2></h2> <img src=...>

↑このh2の下の間隔とimgの距離を狭めたいです。

• 「.img」ではなく「img」ではないですか?
• <img>にdisplay: block;を指定すると解決するかもしれません。

↓こちらでいかがでしょうか?

.post h2,
img {
  padding: 0;
  margin-bottom: 0px;
  display: block;
}

HTMLの構造がわからないので、「img」と記述していますが
.postに内包され、h2の弟要素として存在するなら「.post img」でもいいかもしれません。

Comments

[rfm]

ご回答ありがとうございます。
できました。
ありがとうございました！

Answer 2

書いてあるコードが少なすぎて予測で答えるしかないため追記するのをオススメします。

予測で答えます。
html image 隙間とGoogleで検索したら解決するような気がします。

Comments

[rfm]

ご回答ありがとうございます。

投稿記事ののh2、h3の真下に画像をいれているのですが、見出しと画像の間が一段落分空いてしまっている状態なのです。

<h2></h2>
<img src=...>

↑このh2の下の間隔とimgの距離を狭めたいです。

<h2></h2>
<p></p>

↑このような場合のときは、今の距離のままにしたいです。

宜しくお願い致します。