Inhalt wird nicht rechtsbündig

[Andi]

Hallo,

ich habe 2 div-Container nebeneinander angeordnet:

.div1, .div2
{
  float:left;
  width:50%;
  height:200px;
}
.div1
{
  margin-left: 20px;
}
.div2
{
  margin-right: 20px;
  text-align: center;
}

<div class='div1'>Hier steht text</div>
<div class='div2'>Hier steht eine Tabelle</div>

Die Tabelle wird nicht zentriert. Habe ich da etwas falsch verstanden
oder wo liegt mein Fehler?

Gruß
Andi