WordPress 画像の横に文章を表示させない方法

Markです。

ブログを作成していますと画像を表示させて
その下に文章を書きたいので、画像の横に
回りこんで表示してしまうことで悩んで
いました。

スポンサーリンク
スポンサーサイト




画像の真下に文章を表示させたい!

この様に画像の下に
文章を書きたいのですが・・・

三年坂の満開のしだれ桜です。(2018/3/23)
平日だと言うのに多くの観光客でにぎわっていました。


画像の横に文章が回り込んで
しまうことがあります。

三年坂の満開のしだれ桜です。(2018/3/23)
平日だと言うのに多くの観光客でにぎわっていました。


テキストエディタで見てみると!

<img class=”alignleft size-medium wp-image-2561″ src=”http://mark1965.com/wp-content/uploads/2018/03/IMG_0602-225×300.jpg” alt=”” width=”225″ height=”300″ />

&nbsp;

&nbsp;

&nbsp;

&nbsp;

&nbsp;

&nbsp;

&nbsp;

三年坂の満開のしだれ桜です。(2018/3/23)
平日だと言うのに多くの観光客でにぎわっていました。

エンターを押す度に”&nbsp;”(開業)が入っています。

1行のコードと追加

解決方法は至って簡単で
下記、1行のコードを追加するだけで解決
できます。
<img class=”alignleft size-medium wp-image-2561″ src=”http://mark1965.com/wp-content/uploads/2018/03/IMG_0602-225×300.jpg” alt=”” width=”225″ height=”300″ />

<div style=”clear: both;”></div> ←これ追加

三年坂の満開のしだれ桜です。(2018/3/23)
平日だと言うのに多くの観光客でにぎわっていました。

この一行を入れるだけで
下のようになります。(簡単)

三年坂の満開のしだれ桜です。(2018/3/23)
平日だと言うのに多くの観光客でにぎわっていました。

ではまた!


SNSフォローボタン
スポンサーリンク
スポンサーサイト




スポンサーリンク
スポンサーサイト




%d人のブロガーが「いいね」をつけました。