Multicolumn sample

数字はhtmlファイルでの記述順序。

data1 (blocka)
data2 (blockb)
data3 (blocka)
data4 (--)
data5 (--)
data6 (--)
data7 (blockb)
data8 (--)
data9 (blockb)
data10 (blocka)

同じ並びでdata1が複数行になると。

data1 data1 data1 data1 data1 data1 data1 data1 (blocka)
data2 (blockb)
data3 (blocka)
data4 (--)
data5 (--)
data6 (--)
data7 (blockb)
data8 (--)
data9 (blockb)
data10 (blocka)

同じ並びでdata2が複数行になると。

data1 (blocka)
data2 data2 data2 data2 data2 data2 data2 data2 (blockb)
data3 (blocka)
data4 (--)
data5 (--)
data6 (--)
data7 (blockb)
data8 (--)
data9 (blockb)
data10 (blocka)

同じ並びでdata4が複数行になると。

data1 (blocka)
data2 (blockb)
data3 (blocka)
data4 data4 data4 data4 data4 data4 data4 data4 (--)
data5 (--)
data6 (--)
data7 (blockb)
data8 (--)
data9 (blockb)
data10 (blocka)

crimson: "blocka{float: left}", green: "blockb{float: left}", black: none