【WordPress】画像回り込み

　投稿編集時、どういうわけかGutenbergではテキストモードからビジュアルモードに切り替え、テキストモードに戻ると <br style=”clear: both;” /> が消えてしまう。対処法をいろんなサイトを参考にして、function.php に追記もしてみたが一向に変わらない。
　よって、当面は以下のとおり記述をしている。

画像左寄せ右文章
画像右寄せ左文章

画像左寄せ右文章

HTML
<img style=”clear: left; float: left; margin: 10px 10px 0px 0px;” src=”https://xxxxx.com/画像.jpg” width=”xxx” height=”xxx” border=”0″ />ここに入力する<div style=”clear: both;”> </div>
※margin、width、height、borderは任意で設定

寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい寿司食べたい！

画像右寄せ左文章

HTML
<img style=”clear: right; float: right; margin: 0px 0px 0px 10px;” src=”https://xxxxx.com/画像.jpg” width=”xxx” height=”xxx” border=”0″ />ここに入力する<div style=”clear: both;”> </div>
※margin、width、height、borderは任意で設定

ステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたいステーキ食べたい！

※寿司：PexelsのRajesh TPによる写真
※ステーキ：gurkan erolによるPixabayからの画像