Foros del Web » Creando para Internet » CSS »

aliniar arriba div con linea de bloque

Estas en el tema de aliniar arriba div con linea de bloque en el foro de CSS en Foros del Web. Tengo una capa div dentro de esta capa tengo tres div mas con display:inline-block, cada div de estos tiene un algo diferente por su contenido ...
  #1 (permalink)  
Antiguo 08/02/2014, 07:12
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 13 años, 7 meses
Puntos: 10
aliniar arriba div con linea de bloque

Tengo una capa div dentro de esta capa tengo tres div mas con display:inline-block, cada div de estos tiene un algo diferente por su contenido lo que quiero es alinear estos div en parte de arriba de su div contenedor la estructura seria algo asin:

Código CSS:
Ver original
  1. #principal{
  2.       background:blue;
  3. }
  4.  
  5. #principal div{
  6.       display:inline-block;
  7.       background:red;
  8. }
Código HTML:
Ver original
  1. <div id="principal">
  2. <div>contenido......</div>
  3. <div>contenido2......</div>
  4. <div>contenido3.....</div>
  5. </div>

por defecto se alinea a la parte de abajo del contenedor principal y quiero que sea en la parte superior.
Saludos.
  #2 (permalink)  
Antiguo 08/02/2014, 07:16
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: aliniar arriba div con linea de bloque

Prueba con:

Código CSS:
Ver original
  1. vertical-align: top;
  #3 (permalink)  
Antiguo 08/02/2014, 09:24
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 13 años, 7 meses
Puntos: 10
Respuesta: aliniar arriba div con linea de bloque

Hola pzin, gracias.

Etiquetas: arriba, background, contenido, efecto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:57.