自作テーマの本文の下に余白が出来てしまいます。

Question

<div class="article-detail">
      <p><?php the_content();?></p>
    </div>

↑元のphpファイル。

<div class="article-detail">
      <p></p>
      <p>あ</p>
      <p>&nbsp;</p>
      <p></p>
    </div>

↑検証モードで表示されるコード

白い部分が余白なのですが、どうcssで消せばいいのかさっぱりです。
「あ」のところに

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

があって、検証モードでは1remを０にしたら余白が消えたのですが、実際のcssにはなんと記述すればいいかさっぱりです。
よろしくお願いします。

Answer 1

.article-detail p {
margin-bottom: 0 !important;
}

でうまく行きました。