Tabelle mit DIV Problem: Reihenfolge

[Siqu]

Hallo Community,

mein Ziel:
-----------------
|Zelle1 | Zelle2|
-----------------
|      Rest     |
-----------------

Das Problem:
Die Informationen kommen aus eine dynamischen Quelle in dieser Reihenfolge:
<div>
<div>Zelle1</div>
<div>Rest<div>
<div>Zelle2</div>
</div>

Die Formatierung spielt dabei keine Rolle Hauptsache in einer Zeile kommen die Zellen und darunter alles andere.
Ich kann den divs noch alles mögliche zuweisen wie style oder class.
Und deswegen hat ich folgende Idee, die aber leider nicht funktioniert:

<style type="text/css">
    .table{display:table;}
    .row-group{display:table-row-group;}
    .cell{display:table-cell;}
    .footer-group{display:table-footer-group;}
</style>

<div class="table">
    <div class="row-group">
        <div class="cell">Zelle1</div>
    <div class="footer-group">Rest<div>
        <div class="cell">Zelle2</div>
    </div>
</div>

Und viele andere ähnliche Versuche die aber mir nicht das Gewünschte Ergebniss bringen.

Ich hoffe einer von euch hat ne Idee die funktioniert.

Danke Siqu