【CSS】ボタンの内側右にアイコンを配置する方法 04/25/2022 CSS ポスト シェア はてブ 送る Pocket 頻繁に案件で使うので備忘録としてメモ。 See the Pen Untitled by ゆーじろー (@yuji64) on CodePen. aタグの中にspanを入れ、spanの右側にmarginを指定しておくことで、ボタン幅が小さくなってもテキストとアイコンが重ならないようになります。 positionでアイコンを配置するとアイコンが浮いてしまってテキストと重なってしまうので、背景画像でアイコンを表示する方がいいかなと思います。 関連記事: CSSで背景を透過させる方法について 【コピペ可】CSSでアイコンが作れる「CSS ICON」の使い方 Codepenとは?【使い方からコードの埋め込みまで解説!】 【CSS】display: flex;とmargin: auto;を使って要素の高さを揃える方法