hvordan får man sine tabeller placeret i midten af browseren?

Hvordan får jeg placeret min tabeller i midten af browseren?

Og det skal gøres i html i først omgang, ved godt at man kan gøre det i css.

kildekoden ser sådan ud:



<table border="1" width="80%"><tr>
<td colspan="4" ></td>
<td rowspan="1" ></td>


</tr>

  <tr>
  <td rowspan="3" width="10%" ><br> <br> <br> <br> </td>
<td colspan="3" width="90%" <img src="Untitled-1.jpg" /></td>
<td rowspan="3" width="10%"></td>
 


  <tr>
    <td rowspan="2" width="30%">
<p>
<a href="Aktuelt/aktuelt.html" target="iframe" style="text-decoration:
none; color: black;
" / >Aktuelt</a>
<br>
<br>
<br>

<a href="Bryllup/bryllup.html" target="iframe" style="text-decoration:
none; color: black;
" />Bryllup</a>
<br>
<br>
<br>
<a href="onskeseddel/onskeseddel.html" target="iframe" style="text-decoration:
none; color: black;
" /
>Ønskeseddel</a>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</p>



</td>
  <td colspan="2" width="80%" >

<iframe name="iframe" src="Startside/startside.html" width="800" height="400" scrolling="auto" frameborder="0" float="rigth" >test</iframe>

</iframe>



</td>



 

  </tr>
  <tr>
  <td colspan="2" width="10%"><h6>Kristian og Kettys hjemmeside</h6></td>

<tr>
< <td colspan="5" width="60%"></td>
</tr>
 


  </tr>
</table>