<br>を使わない空白の空け方って・・・？

質問

とても悩んでます。

色々な本などに、空白は<br>などを使うのは間違い！みたいな記事が多く、私もなるべく使用しないようにしているのですが、問題が出てきています。

現在、写真と文章を構成しているのですが、写真は100ｐｘ×100pxと仮定します。そしてfloatを使用して文章を右に回りこませています。しかし、写真の右に来る（来て欲しい）文章は、一行だとした場合、以下の文章は写真の下からはじまって欲しいのですが、写真の右に、その文章が来てしまいます。

それらを写真の下に行かせる為に、仕方なく現在は<br>を使っているのですが、<br>を使用せずに写真の下に行かせる方法は無い物でしょうか？

写真が小さい場合は、少しの<br>の使用で済みますが、画像が大きくなると<br>の嵐になってしまいます。

なんとか解決できない物でしょうか？
宜しくお願いします。

回答No.2

BLUEPIXY · ベストアンサー

＃１＞どういった意味なのでしょうか？
leftを指定すると左側の回り込みを解除します。
rightを指定すると右側の回り込みを解除します。
bothは、両方です。
noneは解除しないということです。
<p>はブロック要素なので、＃１の例文の様に使うことができます。
とりあえず、bothにしておけばいいんじゃないでしょうか

お礼

BLUEPIXYさんありがとう御座います。

先ほど試したところ、出来ました。

本当にありがとう御座いました。

回答No.1

BLUEPIXY

floatで指定した回り込みの解除をするには、
clearを使います。
<p stye="clear:both">写真の下になる文字</p>

clearには
left
right
both
none
が使えます。
ただしブロックレベルのモノへの指定なので、spanには使えません。

お礼

BLUEPIXYさん、ありがとう御座います。

clearにあります。
left
right
both
none
はどういった意味なのでしょうか？調べるのですが適切な答えが見当たりません。私の場合どれを使って解除を行うのが正解なのでしょうか？

>ただしブロックレベルのモノへの指定なので、spanには使えません。

写真の下へ解除する文章が<p><p/>の場合使えますよね？
<p>はブロックなんとかですよね？