こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

css

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="110"><img src="a.gif" width="100" height="100" border="0" /></td>
<td >
<div class="ab">left</div>
<p>説明文 </p>
</td>
</tr>
</table>
</td>
<td width="20"></td>
<td>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="110"><img src="b.gif" width="100" height="100" border="0" /></td>
<td>
<div class="ab">right</div>
<p>説明文 説明文 </p>
</td>
</tr>
</table>
</td>
</tr>
</table>



.ab {
border-bottom:1px solid #E3E3E3;
padding-left:5px;
margin: 0px 0px 10px 0px;


テーブル内の文字数が変わると片方が上から下に下がってきます。両方上に揃えるには
どうすればいいんでしょうか。よろしくお願いします。

投稿日時 - 2011-09-09 11:01:22

QNo.6999325

困ってます

質問者が選んだベストアンサー

CSSに

td {
vertical-align:top;
}

を追加しておけば良いと思いますよ。

ご参考まで。

投稿日時 - 2011-09-09 11:12:20

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問