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

[sdelcueto]

Hola gente, estoy iniciandome en esto del css, y quería saber como puedo hacer mediante css que los elementos se pongan como si fuera una tabla, pero los elementos tienen longitud de altura variable ya que son elementos sacados de una bbdd.
Lo que quiero hacer por ejemplo es algo asi

ELEMENTO1 ELEMENTO2
ELEMENTO1 ELEMENTO2
ELEMENTO1 ELEMENTO2
ELEMENTO1 ELEMENTO2
ELEMENTO1 ELEMENTO2


ELEMENTO3 ELEMENTO4
ELEMENTO3 ELEMENTO4
ELEMENTO3 ELEMENTO4
ELEMENTO4
ELEMENTO4

He probado con float, con position relative, con el width (es lo que mas se acerca) pero no consigo hacerlo justo como quisiera. Alguna ayuda gente?

Gracias

No se ve bien la dispoisción de elementos, espero que se me entienda

[superweb360]

puedes usar la propiedad display: table;

[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;
}
 

DEMO

[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.