WordPress のテーマを自分で作ってみる(15) - 空白のブロックを作る

通常、CSSでは何も書いてない領域は自動的に詰められるようにブロックがレイアウトされる。

の様に、空白のブロックを作りたい場合は、

<div id="blocka">
ブロック A
</div>
<div id="spaceblock">
&nbsp;
</div>
<div id="blockb">
ブロックB
<div id="lsidebar">

の様にする。

idセレクタ spaceblock の margin や padding を変更すれば、空白ブロックのサイズも制御できる。

#spaceblock{

       width:160px;
       padding: 10px 0px;
       background-color: #ffffff;  /* 白色 */

}