ワードプレスで小さな⚠︎マークの画像の横に文章を書いていくにはどうすれば良いのでしょうか？

Question

質問文には分かりづらいと思うので、具体的な例を出すとこうなります。

⚠︎全ての人に効果があるとは限りません。
効果には個人差があります。
もっと詳しく知りたい方は次のメールアドレスにお問い合わせください。

この⚠︎をgoogleで検索した画像として貼り付けて、その横から下へと文字を書いていきたいです。
何度か自分なりに試してみたのですが上手くいかず困っています。
お力を貸して頂くことは出来ないでしょうか？

Comments

[miyabi_pudding]

その試した方法をコードで掲示してください。
HTML、CSSを質問本文に記載してください。
質問は編集できます。

このままでは、何がどうなっているのか、まったくわからず、回答しようがありません。

Answer 1

画像を使うよりアイコンの方が楽でいいかもしれません。

【Font Awesome】

<i class="fas fa-exclamation-triangle"></i>全ての人に効果があるとは限りません。
効果には個人差があります。
もっと詳しく知りたい方は次のメールアドレスにお問い合わせください

画像の場合はcssで{float:left;}を使えばOKで解除{clear:both;}すれば文字は下へ行きます。

<img src="./image/exclamation.gif" alt="画像" class="xclamation">
全ての人に効果があるとは限りません。
<p class="text">
効果には個人差があります。</br>
もっと詳しく知りたい方は次のメールアドレスにお問い合わせください。
</p>

[css]
img.xclamation{float:left;}
p.text{clear:both;}