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>
■原材料：卵（北海道産）、チョコレート（砂糖、カカオマス、ココアバター）（乳成分・大豆を含む）、砂糖、小麦粉、マーガリン、ショートニング（食用植物油脂、食用精製加工油脂）、生クリーム、ココアパウダー、くるみ、牛乳、バター、ラム酒／香料、乳化剤（大豆由来）、酸化防止剤（Ｖ.Ｅ）、アナトー色素<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>