css - h2 マージンまたはパディングは、同じフォントサイズであっても h3 より大きいですか?

Question

私は奇妙な問題に遭遇しています。

h2 と h3 を似たようなスタイルにしようとしています。したがって、それらは異なるページで同じように見えます。

サンプルもご用意しておりますので、よろしければご覧ください。

http://artvard.com/category.htmlこの h2 ポストタイトルは、 http: //artvard.com/main.html h3 ポストタイトルとまったく同じマージンを持つ必要があります。

何らかの奇妙な理由で、上部のマージン/パディングが異なるため、間隔が異なって見えます。

これを解決する方法についてのアイデアが不足しています:(

Answer 1

CSS で<a>、投稿タイトル内の要素にフォント サイズを設定していることがわかります。これは、投稿タイトル自体のフォント サイズと行の高さが異なることを意味します。これが、間隔の不一致の原因です。

変更してみる

h3.posttittle a, h2.posttittle a {
    color:#E95D01;
    font-size:16px;
}

に

h3.posttittle, h2.posttittle {
    font-size: 16px;
}

h3.posttittle a, h2.posttittle a {
    color:#E95D01;
}