wordpressでのCSSについて

Question

このようにaタグのの青い部分から文字がずれるのはなぜですか？

Answer 1

padding-topおよびpadding-bottomとheightとline-heightの組み合わせは
表示崩れの原因になりやすいため併用しないほうが良いです。

heightとline-heightの同値の組み合わせは
縦位置中央揃えのテクニックなので、これを使用する場合は
上下にpaddingは付けないです。

下記のように書き換えると正しく表示されます。

#pages-4 ul li a {
  padding: 0 0 0 12px;
  margin-bottom: 0;
  height: 60px;
  line-height: 60px;
}

Comments

[bal]

回答ありがとうございます！
追加のことまで教えてくれたのでベストアンサーに選ばせていただきます

Answer 2

.sidebar li aのline-heightが57pxあるのでそうなってると思います。

Comments

[bal]

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