html - 画像のインラインスタイル、段落は折り返されません

Question

Wordpressを使用してブログを作成し、各投稿に画像を追加しようとしています。ただし、画像は「インライン」で機能していないようです。（Chrome開発ツールを使用して）インラインスタイルを追加しようとしましたが、段落を折り返すことができないようです。

例

Answer 1

float:left次のように、divwithクラスにを追加しますwp-caption alignleft。

.alignleft
{
    float:left;
}

Answer 2

display: inlineテキストを画像に折り返すには、セットだけでなく、持っている必要がありますfloat。

display:inlineキャプションと画像を含むdivを含むdivを設定しましたが、フロートは適用されていません。float: leftキャプションdiv（すでにdisplay: inlineインラインスタイルとして設定されているもの）の親divに追加すると、テキストが画像の周りを流れます。

または、その親divを完全に削除し（完全に無関係であり、実際の目的がないため）、画像を含むキャプションdivに適用されるクラスとクラス（WPが左揃えの画像に割り当てるもの）に適用display: inlineするだけです。 ）。.wp-captionfloat: left.alignleft

Answer 3

画像を囲むdivを削除し、画像を段落タグ内に配置する必要があります。画像がpタグ内にある場合は、左右に揃えることができ、テキストがタグの周りを流れます。