html - ボタンの横に画像リンクをインラインにする方法は?

Question

ボタンの横に画像リンクを表示しようとしたときに、画像リンクが次の行にジャンプするという問題が発生しました。私がやろうとしているのは、「ADD TO BAG」ボタンの横に「SIZE GUIDE」画像リンクを表示させることです。テキスト リンクは次の行にジャンプしません。'hey' テキスト リンクを試してみました。

「ヘイ」リンクは、「サイズガイド」ボタンを表示したい場所です。では、これを行うにはどうすればよいですか？

Answer 1

display:blockこのルールから削除:

a img {
display: block;
text-decoration: none;
border: none;
}

display:inlineまたは、そのイメージを使用して割り当てるクラスを作成します。