ここから本文です

wordpressで記事に画像を挿入した際の、 文字の回り込みとセンタリングについての...

moj********さん

2018/1/1311:38:00

wordpressで記事に画像を挿入した際の、
文字の回り込みとセンタリングについての質問です。

wordpressの固定ページを編集(テキスト方式)しています。

画像挿入の際、左揃えを選択し、画像を挿入すると、
その後に入力したテキストは画像の左側に配置されます。

この時、図のように画像とテキストのかたまりは、
下図Aの状態なのですが、これを、下図Bの状態のように、
【画像の右側にテキストを回り込ませ、かつ、2つの要素を画面の中央へ配置】
という風にしたいと考えています。
が、なかなか上手くできず困っているため、ご教授いただけますと幸いです。
ちなみに、(A)の状態になってしまう部分の記述は以下の通りです。

<img src="画像指定" alt="" width="300" height="126" class="alignleft size-medium wp-image-1923" />
テキストテキスト
<div style="clear:both;"></div>

テーブルタグを使って色々と試みてみましたが、
知識不足のためなかなか思うようなレイアウトになりません…。
ちなみに、ビジュアル方式で編集しますと、他の部分に影響が出てしまうため、
テキスト方式での編集でと考えております。

恐縮ですが、よろしくお願いいたします。

テキスト,div style,div&amp;gt,img src,テキスト方式

閲覧数:
24
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

chi********さん

2018/1/1312:52:28

画像とテキストをdivで囲い、そのdivにスタイルを当てることで解決したいと思います。

<div style=“display=block; margin:0 auto;”>
<img src="画像指定" alt="" width="300" height="126" class="alignleft size-medium wp-image-1923" />
テキストテキスト
<div style="clear:both;"></div>
</div>

参考になれば幸いです。

  • 質問者

    moj********さん

    2018/1/1315:14:10

    回答ありがとうございます!

    お教え頂いた内容でやってみましたが、左揃えのまま
    解決しませんでした…。

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

この質問は投票によってベストアンサーに選ばれました!

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる