2018-07-11 Q. HTML を編集せずに要素の隣に画像を表示させるには? CSS A. :before / :after 疑似要素, content プロパティ, url(), Base64 エンコード、この4つを使う codepen.io 「Base64 Image Encoder」のようなサービスを利用して 画像を文字列に変換 (プログラミング言語が扱えるなら得意な言語とライブラリを駆使して変換するのもよい) CSS のセレクタを利用して 画像を表示させたい位置を特定 :after 疑似要素を使ったスタイルの設定をする content に Base64 エンコードで文字列に変換した画像を、url() で表示させたいリソースとして指定する Link Set an image beside element by CSS content + url() Base64 Image Encoder