CSSを使ったりする上で、html文書は正しく、タグの役割を正しく使うことが重要です。

xhtmlであろうとなかろうと、始めからタグは正しく書く癖をつけたほうがいいです。

文章の構造を正しくマークアップするためには、きちんと「見出し（h1、h2、h3、h4、h5、h6）」「本文」という構造を意識して組み立てましょう。

段落ごとには<p>・・・</p>で囲います。

正しくマークアップする上で閉じタグ</p>は必須です。

<div>・・・ブロックレベル要素

<span>・・・インライン要素

"<div>"は、ブロックレベル要素であり、「ブロックで囲う」といった感じのもの。囲ってしまうので次に記載されたものは自動で改行されます。

"<span>"は、役割はブロックレベル要素と似ているもので、それの「改行されない」バージョンです。

両方とも単品ではあまり役割をもちません。
（divに関してはalign="・・・"で左、真ん中、右寄せにできますが。）

基本的にCSSなどと組み合わせて使います。

Sampleの<div class="tx_blue1">のclass="tx_blue1"の部分はこのページで設定しているCSSで「テキストの色は青」と指定しています。