Anzeige Tabelle Cell Order Änderung CSS

Question

Ich bin ein Web-Seitenlayout mit Blöcken zur Anzeige: Tabelle-Zelle. Alles funktioniert gut, aber ich kann die Zellen nicht nacheinander umdrehen (Reihenfolge ändern) und mich fragen, ob es eine solche Möglichkeit oder einen Trick gibt, mit dem ich das erreichen kann.

Ich brauche dies nur CSS und Anzeige mit erreichen: table-cell :)

Vielen Dank im Voraus für alle Anregungen.

HTML

<div class="dtc"> 
    <div>Item1</div> 
    <div>Item2</div> 
</div> 

CSS

.dtc{ 
    display: table; 
    width: 100%; 
} 
.dtc > *{ 
    display: table-cell; 
} 

Aktuelle Tabelle:

+-------+-------+ 
| Item1 | Item2 | 
+-------+-------+ 

Wunschergebnis:

+-------+-------+ 
| Item2 | Item1 | 
+-------+-------+ 

Answer 1

Verwenden Sie RTL für Eltern und LTR für Kinder. Dies wird die Reihenfolge umkehren.

.dtc { direction: rtl; } 
.dtc > div { direction: ltr; } 

Ohne LTR für Kinder Text wird nicht richtig ausgerichtet.