雑誌風♪ライティングページによくあるCSSを実装してみる。

ライティング記事の様なページを実装してみました。
画像があって、その周りに文字を入れます。以下画像参照。

まず、大枠のサイズを指定します。

.waku {
	width:700px;	
}

その後、画像を寄せる方向を決めて、
paddingで画像のまわり何pxまでつめるか記述します。

.left {
	float:left;
	padding:10px;
}

後は大枠をdivタグに、
寄せる指定をimgタグに記述したら終了！！

個人的にはpaddingの指定を以下にするのが
非常に気持ちよく決まる。

padding:5px 25px 10px 20px;

簡単だろ？