[ WordPress ] 画像の回り込み用 CSS を書いてみた

WordPress 3.0 で投稿に画像を追加する時、画像の配置を、なし、左、中央、右、の４パターンから選択する事ができ、次の CSS のクラス名 img タグに付与されます。

| 配置 | CSS のクラス名 |
|:—-:| ————– |
| なし | alignnone |
| 左 | alignleft |
| 中央 | aligncenter |
| 右 | alignright |

私が今使っている Vicuna と言うテーマには、そもそも上記のようなスタイルの記述が無かったので追加してみました。
ちなみに、WordPress の標準テーマである default, twentyten には回り込みに関するスタイルが書いてありました。

/* 画像の回り込みとか */
.aligncenter {
display: block;
clear: both;
margin: 0.25em auto 1.5em;
}
.alignleft {
float: left;
clear: both;
margin: 0.25em 1.5em 1.5em 0;
}
.alignright {
float: right;
clear: both;
margin: 0.25em 0 1.5em 1.5em;
}
h2, hr {
clear: both;
}