横幅の使い方が１流と３流の分かれ目

例えば、文字部分の横幅レイアウトに関わって来るのですが、
<p>タグのみで<br>タグは使用していないサイト。
この場合、非常に読みにくいサイトが出来上がってしまいます。

ちなみに、<p>タグと<br>タグの違いが分かっていない方にご説明しておくと、
<p>は段落、一つのまとまり、を示すものであって、<br>は改行を示します。
逆に、<br>タグをぐだぐだと並べて、テキストの体裁を整えているところがありますが、
SEOの観点からは、<p>タグを重要視しますので、しっかり区別して下さい。

※一つの塊としてみなす<DIV>タグというのがありますが、
あるIT企業のサイト（関連会社含）で<DIV>の中に要素を詰め込み過ぎた事が原因で、
スパム認定された事があります。くれぐれも<DIV>の使用には気をつけて下さい。

このサイトは、ご覧の通り、<br>タグをかなり頻繁に使用しています。
グレーの文字色を使う事で、かなり読みやすさは上がっていますが、
そうではあっても、横まで詰め詰めのテキストでは疲れます。
そのため、<br>で頻繁に改行する事で、見易さを追求した訳です。

ちなみに、横まで詰め詰めだとこんな感じ（↓）になります。物凄く読みにくいですよね、、、

また、２カラム（このサイトのように、２段組のデザイン）、３カラム（３段組のデザイン）のサイトで、
それぞれのカラムの境界線があいまいなサイトがあります。
こういう事をしてしまうと、どこまでがそのカラムの中のテキストなのか分かりづらいです。
（これを避けるため、当サイトでは、右のカラムは丸枠囲いをしています）

逆に、テキストデザイン、情報デザインをしっかりと考えているな、というところは、
この横幅の使い方が実に上手いのです。
特に、白の空間を間に入れる事で、読みやすさを演出しています。
（テキストデザインの上手いサイトは、CSSの扱い方を良く知っている作成者の場合が多いです）

また、全体の横幅についても一言。
全体の横幅を全く指定せずに、サイト構成を行っているサイトは論外です。
大体、ウェブデザイン論として、横幅のサイズは以下の２点になります。
１．パーセンテージ指定
２．ピクセル指定

それぞれ一長一短がありますが、
パーセンテージ指定の場合は、見る人のディスプレイ環境によって
ブラウザ側が自動的に幅調整を行いますので、横幅をキッチリ指定しない場合は１。
逆に、当サイトのように、ぴったり一致しないと、
デザインが大きく崩れる場合は、２のピクセル指定を選ぶ事になります。

ウェブデザインを良く知っている人で、この横幅という事を重要視しない人はいません。
というより、デザインを行う上で、まず第一に決めなければならないのがこの横幅です。

もう一度、あなたのサイトの横幅、見直してみましょう。