CSS Tabulator

Manchmal wünscht man sich doch einen Tabulator in CSS. Eine Funktion wie in einem Text-Editor oder in Word, wo man schnell und einfach einen bündigen Text mit Spalten anlegen kann ohne gleich mit umständlichen Tabellen oder DIV-Blöcken zu arbeiten.

Leider gibt es in CSS (noch) keine einfache Möglichkeit, einen solchen Tabulator anzulegen, es sei denn wir bedienen uns folgendem Trick:

.csstab {
   width: 100px;
   display: block;
   float: left;
}

Beispiel

Und hier ein Beispiel für die Anwendung:

<span class="csstab">Name</span>Rudi<br>
<span class="csstab">Mail</span>rudi@example.com

Und so sieht es aus:

NameRudi
Mailrudi@example.com