商品詳細を横並びに表示する方法

画像1 | 商品名1 | 価格1 | カートに追加
画像2 | 商品名2 | 価格2 | カートに追加
・・・・・・
のように表示させるにはどのように修正すればいいですか？

<table>
<?php foreach ($rows as $item) { ?>
<tr>
<td><img src="./product_picture/<?php echo $item['img']; ?>" width=400 height=400></td>
</tr>
<tr>
<td class="name"><?php echo $item['name']; ?></td>
</tr>
<tr>
<td class="price"><?php echo $item['price']; ?>
<?php if ($item['stock'] > 0) { ?>

<form method="post">
<input type="hidden" name="item_id" value="<?php echo($item['id']) ?>">
<input type="submit" value="カートに追加">
</form>
<?php } else { ?>
<input type="radio" name="item_id" value="<?php echo $item['id']; ?>">
<p class="soldout">大変申し訳ございません。現在、売り切れです。</p>
</td>
<?php } ?>
</tr>
<?php } ?>
</table>
</body>
</html>

質問者からの補足コメント

• 

  画像1 | 商品名1 価格1 | カートに追加ボタンを1つのブロックとして、
  商品名と価格は縦に並べて次の行に表示することは可能ですか？

    補足日時：2021/02/24 17:16

• 

  画像のように、「画像・名前+価格・カートに追加」を横に並べたいです。

  
  No.2の回答に寄せられた補足コメントです。 補足日時：2021/02/24 20:13

No.2 回答者： t_fumiaki 回答日時： 2021/02/24 19:35

>>画像1 | 商品名1 価格1 | カートに追加ボタンを1つのブロックとして、

>>商品名と価格は縦に並べて次の行に表示することは可能ですか？

口では伝わらない。
画像に書いて呉れ

No.1 回答者： t_fumiaki 回答日時： 2021/02/24 13:24

tdを横並びにするだけ。

つまり、途中の</tr><tr>を削除する。

<table>
<?php foreach ($rows as $item) { ?>
<tr>
<td><img src="./product_picture/<?php echo $item['img']; ?>" width=400 height=400></td>

</tr>←←削除
<tr>←←削除

<td class="name"><?php echo $item['name']; ?></td>

</tr>←←削除
<tr>←←削除

<td class="price"><?php echo $item['price']; ?>
<?php if ($item['stock'] > 0) { ?>

<form method="post">
<input type="hidden" name="item_id" value="<?php echo($item['id']) ?>">
<input type="submit" value="カートに追加">
</form>
<?php } else { ?>
<input type="radio" name="item_id" value="<?php echo $item['id']; ?>">
<p class="soldout">大変申し訳ございません。現在、売り切れです。</p>
</td>
<?php } ?>
</tr>
<?php } ?>
</table>
</body>
</html>