Tabulador CSS

A veces, sería bueno tener algo como un tabulador en CSS. Una función como en un editor de texto o en Word, donde puede crear rápida y fácilmente un texto alineado con columnas sin tener que trabajar con tablas complicadas o bloques DIV.

Desafortunadamente, en CSS no hay (todavía) una manera fácil de crear dicha pestaña, a menos que usemos el siguiente truco:

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

Ejemplo

Y aquí hay un ejemplo de cómo usarlo:

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

Y se ve así:

NombreRudi
Mailrudi@example.com