
ショコラ
CSS テキストの左にアイコンを配置するには?
アイコンのスタイルに position:relative を使い、top と margin-right でテキストの高さと調整する。

もっさん先輩

<img src="search.svg" style="position:relative; width:18px; top:4px; margin-right:2px;"><span style="font-size:16px;">商品検索</span>
以上
CSS テキストの左にアイコンを配置するには?
アイコンのスタイルに position:relative を使い、top と margin-right でテキストの高さと調整する。
<img src="search.svg" style="position:relative; width:18px; top:4px; margin-right:2px;"><span style="font-size:16px;">商品検索</span>
以上