２段組または３段組の文章を作成するためのCSSについての覚書です。

以下のCSSを追加し、

.box2 {
width:45%;
float:left;
padding:10px;
}

.box3 {
width:30%;
float:left;
padding:7px;
}

以下のHTMLを投稿編集画面に記述すると、

<div class="box2" >２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　</div>
<div class="box2" >２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　２カラム　</div>
<div class="box3" >３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　</div>
<div class="box3" >３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　</div>
<div class="box3" >３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　３カラム　</div>

以下のように表示されます。