equivalencia CSS a una tabla

[dblanco]

las tablas están en desuso, pero todavía no tengo claro como sustuirlas en algunas ocasiones.

Ejemplo, tengo una tabla de 300px de alto, y tendro 8 filas, la tabla me ajusta el temaño de cada fila dependiendo la cantidad de texto que hay en cada una, para que entre todas ocupen los 300px del alto total.

Ahora supongamos que lo quiero hacer en CSS y defino un div de 300px de alto. En su interior añado el texto, utilizando una lista u otros divs. Se van escribiendo uno tras otro hasta el total de los 8 textos que tengo en la base de datos. Pero el texto total no ocupa los 300px.

No puedo asignar un line-heigth o height fijos dividiendo los 300px/8 porque no sé cuantas lineas de texto ocupa cada una de las 8 frases, entonces ...

¿qué hago para lograr algo que una tabla hace de forma tan sencilla y automática?

gracias

[caricatos]

Hola:

Las tablas "NO" están en desuso, solo que es preferible usarlas para mostrar datos tabulares... una lista es un dato tabular de una sola columna, pero como existen las listas, es preferible usarlas en esos casos... si llevan más de una columna, es una tabla (o lista con más de una columna)

Saludos

[dblanco]

me autorespondo, acabo de descubrir que sí se puede:

Código:

#tabla {
  	display: table;
  	width: 400px;
  	height: 300px;
}
 
#fila {
  	display: table-row;
}
 
#columna {
  	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

PD en Iexplorer no se ajusta la altura completa del DIV