PC用商品説明文に入れるHTMLのテーブルがうまくいかなのですが
どうすればよいですか?
すみません。急ぎなので宜しくお願いいたします。
<table width="500" height="700">
<caption>商品詳細</caption>
<tr>
<td class="title" width="100">商品管理番号</td>
<td width="400">SM00010350</td>
</tr>
<tr>
<td class="title">生産地</td>
<td>日本</td>
</tr>
<tr>
<td class="title">サイズ</td>
<td align="left">
<p>■商品名:チョコブラウニー<br>
■名称 :焼菓子<br>
■原材料:卵(北海道産)、チョコレート(砂糖、カカオマス、ココアバター)(乳成分・大豆を含む)、砂糖、小麦粉、マーガリン、ショートニング(食用植物油脂、食用精製加工油脂)、生クリーム、ココアパウダー、くるみ、牛乳、バター、ラム酒/香料、乳化剤(大豆由来)、酸化防止剤(V.E)、アナトー色素<br>
■内容量:1Kg<br>
■賞味期限:製造日より常温60日(約20日~60日弱賞味期限が残ったものでのお届けとなります)<br>■保存方法:直射日光および高温多湿を避け、常温で保存してください。<br>
■販売者:株式会社天然生活<br>
<p>〒141-0032 東京都品川区大崎3-6-4 トキワビル7F</p>
<p>※開封後は、賞味期限に関わらずお早めにお召し上がりください。<br>※本品製造工場ではそば、落花生を含む製品を製造しています。</p>
<p>■栄養成分表示(100g当たり)<br>
エネルギー 486kcal<br>
たんぱく質 8.1g<br>
脂質 30.1g<br>
炭水化物 45.6g<br>
食塩相当量 0.25g<br>
※推定値</p>
</td>
</tr>
</table>
<style>
table {
font-size:12px;
background: #EFEFEF;
}
caption {
color: #fff;
background-color: #FE9A01;
line-height: 20px;
}
td {
padding: 4px 8px;
border-bottom: 1px dotted #C8C8C8;
}
.title {
font-size: 12px;
border-right: 1px dotted #C8C8C8;
}
tr:nth-child(3) th{
border-bottom: 0;
}
</style>