I have been attempting to design a HTML page with a 3x3 layout. Despite trying various methods, including divs and tables, I am having difficulty achieving equal spacing around the centered image and the other table rows. Below is an example of the layout I am aiming for:
<body>
<h1>Web Portal</h1>
<div>
<table class="styled">
<tr>
<td><button type="button">Click Me!</button></td>
<td><button type="button">Click Me!</button></td>
<td><button type="button">Click Me!</button></td>
</tr>
</table>
</div>
<div>
<table>
<tr>
<td><button type="button">Click Me!</button></td>
</tr>
</table>
<img src="rais_globe.png" alt="rais_logo" height="420" width="420">
<table>
<tr>
<td><button type="button">Click Me!</button></td>
</tr>
</table>
</div>