いつもお世話になっております。

デザインレシピにて画像横並びのコードを商品説明のページにアップすると、ページが一部バグって表示されます。
正常に反映させるにはどうすればいいでしょうか？
宜しくお願いいたします。

商品ページURL
https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/?force-site=ipn

こちらコードです↓↓↓

<table>
<!--1行目-->
<tr>
<td>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/product/gurufuri/06108466/imgrc0097754141.jpg"><br>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/">ブラックペッパークッキー</a>
<p><b>癖になる刺激!!</b><br>ありえない組み合わせのスパイシー系クッキー誕生!!
<br>
<br>
</p>
</td>

<td>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/product/manpuku-nuts/imgrc0121833545.jpg"><br>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/">まんぷくナッツのグルフリクッキー</a>
<p><b>ナッツたっぷり♪</b><br>クッキー2枚でおいしい満腹感<br>
<br>
<br>
</p>
</td>

<td>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/product/06279498/imgrc0121833446.jpg"><br>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/">米粉屋さんのグルフリベイク</a>
<p><b>しっとりもっちりさらに美味しく♪</b><br>見た目も素敵な5種のバリエーション</p>
</td>
</tr>
</table>

<!--画面幅に合わせて画像が縮小する※全部のimgが100%になるので注意-->
<style ="">
img {
width: 100%;
height: auto;
}
</style ="">