回り込み(float)と簡単なCSSレイアウトの書き方

---html---

<div id="headcont">
<div id="leftlayer">
文章左
</div>
<div id="rightlayer">
文章右
</div>
<br style="clear:both;">
</div>

※最後に回りこみを解除しておかないとこれ以下のコンテンツがすべてずれる。

---CSS---
#headcont {
/*ここは幅とかマージンとかだからなんでもいい*/
margin: 0px;
padding:3px;
border-bottom-style:solid;
border-bottom-color:#F3F3F3;
border-bottom-width:1px;
}
#leftlayer{
/*幅を決めたほうがいい。float必須*/
width:700px;
float:left;
}
#rightlayer{
/*右寄せならtext-align:right;を、左寄せならleftをいれる。float必須*/
text-align:right;
float:left;
}