Como hacer una estructura de tabla solo con css sin <table>?

[sdelcueto]

Iniciado por PHPeros

Una forma de hacerlo es asignar una clase a cada componente de la tabla, darles su comportamiento correspondiente y a las celdas añadirle un poco de padding para que no se queden muy pegadas:

Código HTML:

<div class="table">
    <div class="row">
        <div class="cell">Mira</div>
        <div class="cell">lo bonito</div>
    </div>
    <div class="row">
        <div class="cell">que me ha</div>
        <div class="cell">quedado</div>
    </div>
</div>
 

Código CSS:

.table {
    display: table;
    border: 1px solid red;
}
 
.row {
    display: table-row;
}
 
.cell {
    display: table-cell;
    padding-right: 12px;
}
 

[URL="http://jsfiddle.net/0xc5mf37/1/"][B]DEMO[/B][/URL]

Muchisimas gracias!!! funcionó perfectamente.