<a><img></a>で画像リンクを張るとリンク位置が画像の下にずれてしまい、そのずれを解消したいです

Question

<header class="bg_blue">
  <a href="https://www.livable.co.jp/">
　　<img class="logo" src="img/livable_logo_white.png">
　</a>
</header>

コード

どうすれば解消できるでしょうか。

Comments

[kei344]

（質問文は編集できます）質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
また、「ずれる」がどのような状況か、スクリーンショットなどを提示してください。

[m.ts10806]

CSSもご提示ください

Answer 1

<img>のcssでmarginを設定していたのですが、それを消したらずれは解消できました。

Answer 2

a{
display:inline-block;
}