spanでグループ化して二段組

質問

二段組をしたいときはdivでグループ化して
floatを使用し、回り込みさせて二段組をするのが多いですが
divでグループ化するのではなく、spanを使ってグループ化し
二段組することも出来ますか？
spanは「divのインライン要素版」といわれますが、
そしたらブロック要素の改行になるdivとは違い、回り込みの
floatを使わなくてもspanで二段組が出来ますよね？
回答よろしくお願いします。

回答No.1

suzuki-_- · ベストアンサー

質問者さんの仰る二段組とは

　 ┌─┐┌─┐
　 │１ ││２ │
　 │１ ││２ │
　 │１ ││２ │
　 └─┘└─┘

このような状態のことでしょうか（二つの間は詰めた感じで）

もしそうだとしたら、インライン要素のままで
<span>１１１</span><span>２２２</span>
のような記述をしても上記のような形には残念ながら出来ません

インライン要素にwidth等の指定はできないので、
ただ文字を書き連ねている状態と同じになります
上記の場合は

１１１２２２

と表示されるだけで、上階層の幅を縮めても

１１
１２
２２

のようになってしまいます

spanは「divのインライン要素版」と言われているのはマークアップ的なものであって、
視覚的なレンダリングの違いはブロック要素とインライン要素でその差がはっきりと存在しているのです

お礼

丁寧な回答ありがとうございます。
やっと疑問が解消されました。
本当にありがとうございました。