Tabelle in Tabelle

[asdf]

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td width="50%">Tabelle1
      <div align="center">
        <center>
        <table border="0" cellpadding="0" cellspacing="0" width="250">
          <tr>
            <td>Tabelle 2</td>
          </tr>
        </table>
        </center>

Center kann man im Tabellen- oder td-Tag angeben

<table align="center"...>

<td align="center">

Ausserdem ist es nicht nötig noch ein div hinzuzufügen.

Wie gehe ich vor damit sich das Styling jerder einzelnen Tabelle Seperat verändern läßt? Ändere ich hier was, ändert sich die kompletten beiden Tabellen:

<style type="text/css">
table {
  font-family: "Arial";
  font-size: 10pt;
  color:#000000;
}
</style>

table.irgendeinname

table.irgeneinanderername

Dann jeweils mit <table class="irgendeinname"> bzw. das andere, einbinden.