Foros del Web - Ver Mensaje Individual

KoswiDigital · #2 (**permalink**) 16/09/2011, 17:20

Hola Isabel.

Se trata de repartir bien el espacio entre ellos y flotarlos. Te dejo un ejemplo de cómo sería:

Código HTML:

Ver original<html>
<head>
<style type="text/css">
#capa_externa
{
  width: 450px;
}
.flotada
{
  float: left;
  width: 150px;
}
#capa_externa , .flotada
{
  margin: 0;
  padding: 0;
  height: 600px;
}
</style>
</head>
<body>
  <div id="capa_externa">
    <div class="flotada" style="background: lightblue;"><p>hola</p></div>
    <div class="flotada" style="background: red;"><p>que tal</p></div>
    <div class="flotada" style="background: lightgreen;"><p>estás</p></div>
  </div>
</body>
</html>

Si copias y pegas en un html verás el resultado.

Un saludo.