CSS Tabulator

Sometimes it would be nice to have something like a tabulator in CSS. A function like in a text editor or in Word, where you can quickly and easily create a flush text with columns without having to work with complicated tables or DIV-blocks.

Unfortunately, there in CSS there is (still) no easy way to create such a tab, unless we use the following trick:

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

Example

And here is an example of how to use it:

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

And it looks like this:

NameRudi
Mailrudi@example.com