テーブルレイアウト 03

タイトル
テキスト
テキスト
タイトル
テキスト
テキスト

ページ幅にフィットさせたい場合は、右側のtableタグを class="st2"にする

--- HTML ---
<table cellpadding="0" cellspacing="0">
<tr>
<td>
	<!--lelft-->
	<table cellpadding="0" cellspacing="0" class="st1">
	<tr>
	<td class="title">タイトル</td>
	</tr>
	<tr>
	<td>テキスト</td>
	</tr>
	<tr>
	<td>テキスト</td>
	</tr>
	</table>
</td>
<td>
	<!--right-->
	<table cellpadding="0" cellspacing="0" class="st1">
	<tr>
	<td class="title">タイトル</td>
	</tr>
	<tr>
	<td>テキスト</td>
	</tr>
	<tr>
	<td>テキスト</td>
	</tr>
	</table>
</td>
</tr>
</table>

--- CSS ---
table {
 width:462px;
}

table td {
 vertical-align:top;
}

.st1 {
 width:210px;
 border:1px solid #ccc;
 line-height:1.32em;
}

.st2 {
 width:210px;
 border:1px solid #ccc;
 line-height:1.32em;
 float:right;
}

.st1 td,
.st2 td {
 width:90px;
 padding:5px;
 font-size:80%;
}

.st1 td.title,
.st2 td.title {
 background:#eee;
}