¿Cómo alinear un div en la parte superior de su padre pero manteniendo su comportamiento de bloqueo en línea?

Question

Apr 16, 2011, 01:53 PM

¿Cómo alinear un div en la parte superior de su padre pero manteniendo su comportamiento de bloqueo en línea?

Q: ¿Cómo puedes hacer que box1 y box3 se alineen con la parte superior de la divboxContainer?

#boxContainerContainer {
  background: #fdd;
  text-align: center;
}

#boxContainer {
  display: inline-block;
  border: thick dotted #060;
  margin: 0px auto 10px auto;
  text-align: left;
}

#box1 {
  width: 50px;
  height: 50px;
  background: #999;
  display: inline-block;
}

#box2 {
  width: 50px;
  height: 100px;
  background: #999;
  display: inline-block;
}

#box3 {
  width: 50px;
  height: 50px;
  background: #999;
  display: inline-block;
}

Ayuda muy apreciada ...

Reconocimiento: esta pregunta se bifurca a partir de una respuesta dada previamente porhttps: //stackoverflow.com/users/20578/paul-d-wait : Obtener un elemento CSS para cambiar automáticamente el tamaño al ancho del contenido y, al mismo tiempo, centrarse