以下のようなコードでテーブルを作成すると図のcccとdddがaaaの下に配置されてしまいます。こちらをbbbの右に並べたいのですがどのようにしたらいいでしょうか?
HTML
<table>
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
</thead>
<tr>
<td rowspan="3">aaa</td>
<?php foreach ($bbb as $key => $val) { ?>
<td>
<?=$bbb[$key]; ?>
</td>
</tr>
<?php }?>
<?php foreach ($ccc as $key => $val) { ?>
<td>
<?=$ccc[$key]; ?>
</td>
</tr>
<?php }?>
<tr>
<td>
<?=$ddd; ?>
</td>
</tr>
[補足]
HTMLでは以下でうまくいくのですが、phpのループが入るとこのような形になりません。下の図のようになってしまい、bbbとcccが横並びになってしまいます。
<table border="3">
<tr>
<td rowspan="3">aaa</td>
<td>bbb</td>
<td>ccc</td>
<td rowspan="3">ddd</td>
</tr>
<tr>
<td>bbb</td>
<td>ccc</td>
</tr>
<tr>
<td>bbb</td>
<td>ccc</td>
</tr>
</table>