テーブルレイアウト 02

タイトル
テキスト テキスト
--- HTML ---
<table cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" class="title">タイトル</td>
</tr>
<tr>
<td>テキスト</td>
<td>テキスト</td>
</tr>
</table>

--- CSS ---
table {
 width:360px;
 border:solid #ccc;
 border-width:1px 0 0 1px;
 font-size:80%;
 line-height:1.32em;
}

table td {
 width:100px;
 padding:5px;
 border:solid #ccc;
 border-width:0 1px 1px 0;
 vertical-align:top;
}

table td.title {
 background:#eee;
}