foreach 繰り返し処理での出力

前提・実現したいこと

PHPでforeachを使って出力したいです。
１つの枠に　商品名　○○ ￥　○○　紹介　○○で合計5つの枠を用意したいです。

発生している問題・エラーメッセージ

出力はできたものの1つの枠に全てが出力されてしまう
pタグをどこに入れ込めばいいのか

PHP
1<?php
2
3$Product = [
4    [
5        'name' => 'ベスト',
6        'price' => 3980,
7        'explain' => '着るだけでおしゃれに'
8    ],
9    [
10        'name' => 'Tシャツ',
11        'price' => 1500,
12        'explain' => '夏に快適、1枚で楽チン'
13    ],
14    [
15        'name' => 'トートバッグ',
16        'price' => 2400,
17        'explain' => '買い物入れに、ぜひご活用ください！'
18    ],
19    [
20        'name' => 'デニム',
21        'price' => 6800,
22        'explain' => '年中履ける、伸縮抜群の素材を使っております！'
23    ],
24    [
25        'name' => 'キャップ',
26        'price' => 2000,
27        'explain' => '今年の夏もこれで決まり'
28    ],
29
30];
31
32?>
33
34

HTML
1<body>
2    <h1>商品リスト</h1>
3    <div class="wrapper">
4        <div class="box">
5            <p class="name">商品名<?php
6                                foreach ($Product as $value1) {
7                                foreach ($value1 as $key => $value2) {
8                                        echo $value2
9                                            . "</br>";
10                                    }
11                                } ?></p>
12            <p class="price">￥料金</p>
13            <p class="explain">紹介</p>
14        </div>
15    </div>
16</body>
17

CSS
1 h1,
2        .name {
3            text-align: center;
4        }
5
6        .wrapper {
7            width: 780px;
8            display: flex;
9            flex-wrap: wrap;
10            margin: 0 auto;
11        }
12
13        .box {
14            margin: 19px;
15            width: 220px;
16            border: 1px solid #d6d6d6;
17        }
18
19        .price,
20        .explain {
21            padding: 0 5px;
22        }

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

m.ts10806

2021/09/02 20:44

foreach度外視で静的レイアウト組んでみるのが先だと思います。

行動規範の内容に同意します

回答1件

ベストアンサー

PHP
1<h1>商品リスト</h1>
2<div class="wrapper">
3<?PHP foreach ($Product as $val) { ?>
4<div class="box">
5<p class="name">商品名:<?=$val["name"]?></p>
6<p class="price">￥料金:<?=$val["price"]?></p>
7<p class="explain">紹介:<?=$val["explain"]?></p>
8</div>
9<?PHP } ?>
10</div>