ELLの足跡

人は最後は一人だという・・・でも、・・・今は妻が傍にいてくれる・・・

ELL-ヤマウチ

トーションレースの製造企画卸
梅肉エキス販売
和紙健康タオル
トーションレース&細幅テープの試作品の小売りコーナー



日々のパソコン案内板


【Excel関数】   No.1(A~I)   No.2(J~S)   No.3(T~Y)
【Excelの小技】  【HTMLタグ&小技】
【PDFの簡単セキュリティ】
【複数フォルダーを一括作成するんならExcelが超便利だよ!!】
【アップデートが終わらない!? Windowsの修復ツールを使ってみる方法】
【削除してしまったファイルやデータを復元する方法ー其の一(以前のバージョン)】
【削除ファイルやデータを復元する方法ー其の二(ファイル履歴)】
【Excel振替伝票の借方に入力したら貸方に対比する科目を自動記入】
【手書きで書くように分数表記する方法】
【Web上のリンクさせてある文字列を選択する方法】
【Excel2010以降は条件付き書式設定での文字色にも対応!】
【Windows10のWindows PowerShellでシステムスキャンの手順】

画像の横に文章を入れたい!

2020-03-13 | 日々のパソコン

ブログなどのWEB上で
画像の横に文章を入れたい…


皆様のブログで感じたことが…!!
京都宇治にある三室戸寺の三重塔
 皆さん、日々ブログに沢山の写真をアップされていて、目の保養をさせて頂いてます。
 ただ、上の画像のように表示されている人が多いように感じます・・・この部分が気になるんですよね・・・今日はその部分を修正していただけたら、もっと見やすいブログになるのではないかと思い・・・お節介かも知れませんが、案を提示させて頂きたいと思います。

 実はこの現象は、ブログ側の設定自体が左寄せに設定されているために一行だけ画像の横に文字が表示されてしまうんですね。

  1. 京都宇治にある三室戸寺の三重塔

     画像挿入後に一つ段落をつけてから、文字を記入すれば、左の画像のように表示されます。

  2. 京都宇治にある三室戸寺の三重塔

     左の画像のように、画像の横に、文章を書きたい場合には・・・
     下を参照ください
    <DIV style="float:left;padding:0px 10px 0px 0px">(ここに画像)</DIV>京都宇治にある三室戸寺の三重塔

    • DIVとは作業スペースのことで<DIV>~</DIV>
    • レイアウトはスタイルシート(CSS) で指示しますstyle="~"
    • float:leftとは左寄せ。
      因みに、右寄せの場合、float:right
    • paddingとは、空白部分で上⇒右⇒下⇒左の順番です
 簡単な説明でしたが、②のやり方の場合は、コピーしていただいても使えますから、是非参考にしてくださいね。

コメント
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする