SI DESEAS EN TU NEGOCIO CONTAR CON UNA RADIO ONLINE CON TUS PROPIAS PROPAGANDAS DE TUS PRODUCTOS Y ESTAR EN LA WEB,COMUNICATE CON NOSOTROS EN CONTACTO.
NO TE ARREPENTIRAS.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>Simulacion de tabla con cajas - Recursos CSS - araudi.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Keywords" content="recursos, css, diseño web, xhtml, software libre" />
<meta name="Description" content="Simulacion de tabla con cajas - Recursos CSS - araudi.net" />
<meta name="Author" content="Mikel Morote Donazar - Praxis Iruñea SLL" />
<meta name="Subject" content="Recursos CSS" />
<meta name="Language" content="español" />
<meta name="Robots" content="index, follow" />
<link rel="alternate" href="http://www.araudi.net/indice.html" title="Indice de contenidos" media="all" lang="es" />
<style type="text/css">
* { margin: 0px;
padding: 0px;
}
#tabla { width: 600px;
background-color: #ccc;
margin-left: auto;
margin-right: auto;
display: table;
}
.fila { display: table-row;
}
.celda { border: 1px solid #666;
display: table-cell;
font-size: 0.8em;
text-align: center;
vertical-align: middle;
width: 25%;
padding-left: 5px;
padding-right: 5px;
height: 150px;
}
</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>