フロー テキストの列が狭くなりすぎないようにする方法が欲しいです。たとえば、HTML テキストの列で、左に浮いた画像があります。予想どおり、テキストは画像の周りの列の右側を下に流れます。
ただし、画像が列とほぼ同じ幅の場合、テキストは非常に狭くなります。
この場合、テキストが画像を通り過ぎるのではなく、画像がブロックであるかのように下にドロップするようにします。
これを行うための簡単で一般的な方法を見つけようとしています。これはブログ用です。画像とテキストを追加したり、クラスを追加したり、マークアップ (ため息) に貼り付けたりして、フローを機能させたいと考えています。ブログ記事に JavaScript を挿入するのは難しいので、CSS と HTML のみで行うことをお勧めします。いくつかの方法がありますが(私の回答を参照)、どちらも満足のいくものではありません。もっと上手にできますか?