<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="es-es">
<head>
<title>Tabla</title>
<style type="text/css">
* { margin: 0px;
padding: 0px;
}
#tabla { width: 600px;
background-color: rgb(204, 204, 204);
margin-left: auto;
margin-right: auto;
display: table;
}
.celda { border: 1px solid rgb(102, 102, 102);
display: table-cell;
font-size: 0.8em;
text-align: center;
vertical-align: middle;
width: 25%;
padding-left: 5px;
padding-right: 5px;
height: 150px;
}
.fila { display: table-row;
}
</style>
</head>
<body>
<div id="tabla">
<div class="fila">
<div class="celda">una celda simulada</div>
<div class="celda">Otra celda simulada algo más
grande</div>
<div class="celda">una celda</div>
<div class="celda">una celda simulada con un trozo
más de texto que las otras
</div>
</div>
<div class="fila">
<div class="celda">una celda simulada con un trozo
más de texto que las otras para que se vea que se centra
vertical y horizontalmente</div>
<div class="celda">una celda simulada</div>
<div class="celda">Otra celda simulada algo más
grande</div>
<div class="celda">una celda</div>
</div>
</div>
</body>
</html>