Fitting dynamic tables across the page

I have a page where it prints out information of members in tables however it does it in a linear fashion. I would like it to go across the page and when it has reached the end of the page go onto the next line.

I have started to count the iterations but I’m a little stuck as what to do next , Idealy I would like to fit 3 across the page which is possible, as they fit in, but how would I do this?

[code=php]
<?php
$table=0;
while($row = mysql_fetch_array($result))
{
$table++;
?>
<table>
<tbody>
<tr>
<th>Role Name</th>
<td><?php echo $row[“role_title”]; ?></td>
</tr>
<tr>
<th>View Members</th>
<td><a href=”viewroles.php?fileId=<?php echo $row[“role_id”]; ?>”>View</a></td>
</tr>
<tr>
<th>Delete</th>
<td><a href=”delrole.php?fileId=<?php echo $row[“role_id”]; ?>”>Delete</a></td>
</tr>
<tr>
<th>Edit</th>
<td><a href=”editrole.php?fileId=<?php echo $row[“role_id”]; ?>”>Edit</a></td>
</tr>
<tr>
<th>Display Order</th>
<td><a href=”editorder.php?fileId=<?php echo $row[“role_id”]; ?>”><?php echo $row[“role_order”]; ?></td>
</tr>
</tbody>
</table>

<?php
}
?>
[/code]

Also in #PHP _↴