サンプル自治会

役員紹介

役員の紹介をここに入れます。

自治会長

自治会長の写真ここに挨拶文を入れます。画像に「class="fl w30p"」を指定すると、このイラストのように左(fl)に回り込んで幅がブロック幅の30%(w30p)にリサイズされます。詳しくはソース側を見てみて下さい。

役員

自治会長の写真上とほぼ同じソースですが、「class="fl w30p"」を「class="fr w30p"」にすると画像が右(fr)への回り込みになります。

役員

自治会長の写真こちらもほぼ同じソースですが、「class="fr"」のみ指定したタイプです。「w30p」が入っていないので、画像は原寸大で表示されます。

役員

自治会長の写真更に「frame1」を追加すると左のように写真枠がつきます。ここでは「fl」「w30p」「frame1」と3つのスタイルを設定している事になります。class指定は半角スペースを空けて複数設定することができます。

写真への回り込みを解除したい場合は、解除したいブロックにclass="clear"を指定して下さい。
例:<p class="clear">