クリアフィックス簡易指定方法(改行タグに使用)

■クリアフィックス簡易指定方法■

<br>にclear:both;を指定。クリアフィックスしたい所に<br class=”c1″>を入れる。

▲例▲
●HTML

<section id=”article01″>

<figure><img src=”images/img_031.jpg”></figure>    <div>

<h1><img src=”images/stit_031.png” alt=”雑草と野菜の共存”></h1>

<img src=”images/com_031.png” alt=”ここが野菜畑!?” class=”comment02″>

<br class=”cl”>

<p>自然農法という言葉は、食に対して意識の高まりとともに、一般的になりつつあります。玉名牧場にある畑では、自然農法で野菜がつくられています。案内された畑を見て、びっくりします。「ここが野菜畑??」雑草と野菜が、うまいこと共存しているのです。それこそが、自然本来のあり方。必要なものだからこそ、そこにあるという自然の摂理。自然が教えてくれるさまざまなことが、その畑には広がっています。</p>

</div>

<br class=”cl”>

<img src=”images/animal_s.png” class=”ani_s”>

</section>

●CSS

.c1{ clear:both;}