zwei div-container nebeneinander - Inhalt verschoben

Hallo Zusammen,

ich bin habe dieses Forum durch Zufall entdeckt.

auf der Internetseite: www.polsumer-gegenwind.de

sollen zwei div-Container nebeneinander stehen, doch leider ist der Text verschoben:

Herzlich willkommen in der digitalen Welt der Bürgerinitiative Polsumer Gegenwind.

Wir Polsumer lieben unsere Heimat. Auf der Grenze zwischen Münsterland und Ruhrgebiet bietet Polsum eine perfekte Mischung aus Stadt- und Landleben.

Der geplante Bau eines sehr großen Windrades, in unmittelbarer Nähe, verunsichert die Polsumer Bürger.

Unser Ziel:
Schutz unserer naturnahen Landschaft vor maßstabslosen Bau-Projekten. Schutz der Gesundheit unserer Dorfbewohner vor gesundheitlichen Beeinträchtigungen.


css:

p {
text-align: left;
line-height: 130%;
letter-spacing: 0.3px;
font-size: 1em;
margin: 5px 10px 5px;
}

.zelle {
display: table-cell;
width: 390px;
border-collapse: separate;
border-spacing: 8px;
margin: 20px auto 0 auto;
background-color:rgba(255,255,255,0.5);
}
#tabelle {
display: table;
border-collapse: separate;
border-spacing: 8px;
margin: 20px auto 0 auto;
border:none;
table-layout: fixed;
}

Ich würde mich über jede Hilfe freuen!

Vielen Dank im Voraus!
Beste Grüße
ripneu

.zelle {
display: table-cell;
vertical-align:top; /* ergänzen */
width: 390px;
border-collapse: separate;
border-spacing: 8px;
margin: 20px auto 0 auto;
background-color:rgba(255,255,255,0.5);
}

Herzlichen Dank, jetzt geht es.