センターリングを使わない!(サンプルソース付き) | 日本文化 好き やすの超易しいWEBブログ!

日本文化 好き やすの超易しいWEBブログ!

九州地域を対象にブログのカスタムデザインや、ホームページの制作をやっている会社です。「これからブログを始めたい」と思っている方には初期設定からアドバイスもさせてもらっています。ソーシャルメディアの特性を良く理解したWEBデザイナーがサポート致します。

こんにちは、福岡で伝わるホームページを制作している安武寿です。

今日は「センターリングを使うと文章が読みにくくなる」という話をします。


センターリングとは、下記のように文字を真ん中にレイアウトする方法です。


センターリングで文字をレイアウトすると、
このように見にくい文章になります。
見にくい文章は、インターネットユーザーは見ません。
ですから、
センターリングは使わないようにしましょう。


このようにセンターリングで掲載された文字はインターネットユーザーにとって見にくい文字となります。
ですから、文章は必ず左詰で書きましょう。


また、画像などを一緒に掲載する場合も同じで、下記のように左詰でレイアウトしましょう。


 
       ↓ ↓ ↓ ↓




アメブロに、上記のようなレイアウトで掲載したい場合は、一番下のソース(★~★の間の文字)をコピーしてお使い下さい。


アメブロに、このようなレイアウトで掲載したい場合は、一番下のソース(★~★の間の文字)をコピーしてお使い下さい。





<div style="border:solid 1px #cccccc;width:300px;padding:0px 10px 10px 10px;float:left;">
<img style="border:solid 1px #cccccc;width:100px;height:80px;float:right;margin:0px 0px 0px 15px;" src="ここにアメブロで指定された画像のアドレスを入れる" alt="">〇〇〇<!--〇〇〇に文章を入れる-->
</div>



画像URLの差し込み方はコチラを参考にしてください → 画像リンクコードのみをコピー&ペースト


最後までご覧頂きありがとうございました。
福岡ホームページ制作会社 ファンクリップ 安武寿

(上記リンクを押すと、新画面が開きファンクリップのホームページに遷移します)