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&ntilde;ea SLL" />

 

<meta name="Subject" content="Recursos CSS" />

 

<meta name="Language" content="espa&ntilde;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&aacute;s

 

grande</div>

 

<div class="celda">una celda</div>

 

<div class="celda">una celda simulada con un trozo

 

m&aacute;s de texto que las otras

 

</div>

 

</div>

 

<div class="fila">

 

<div class="celda">una celda simulada con un trozo

 

m&aacute;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&aacute;s

 

grande</div>

 

<div class="celda">una celda</div>

 

</div>

 

</div>

 

</body>

 

</html>

 
Hoy habia 1 visitantes (1 clics a subpáginas) ¡Aqui en esta página!
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=