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

ヤフーショッピングのページ作成についてお尋ねします。

スマホ用のフリースペースの
ページ下に
商品のカテゴリー一覧に飛ぶボタンを横並びに二つ付けたいのですがうまくいきません。


<table border="0" cellpadding="5" cellspacing="0" width="100%">
<tr>
<td>
<!-- 雛人形 80cm 収納飾り 一覧を見る -->
<br>
<br>
<a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html">
<img src="https://shopping.geocities.jp/SHOP-URL/kategori-ichiran-rinku-gazou/80-ichiran.jpeg"width="150"height="150"></a><br>
<br>
<a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html">80cm 収納飾り </a>
<br>
<!-- End 雛人形 80cm 収納飾り 一覧を見る -->

</td>
<br>
<br>
<td>
<!-- 雛人形 60cm 収納飾り 一覧を見る -->
<br>
<a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html">
<img src="https://shopping.geocities.jp/SHOP-URL/kategori-ichiran-rinku-gazou/60-ichiran.jpeg"width="150"height="150"></a><br>
<br>
<a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html">60cm 収納飾り</a>
<!-- End 雛人形 60cm 収納飾り 一覧を見る -->
</td>


</tr>
</table>

一覧に飛ぶボタンは700×700で作ってある為そのままでは大きくなってしましました。
縮小をしようと思い画像の後ろにwidth="150"height="150
を付けました。
そしたら画像は小さくなるのですがうまく横並びになりません。

１枚目の写真が今の状態です。
２枚目の写真の様にしっかりと横並びに並べたいです

何が間違っているのでしょうか？教えてください。