Como alinhar uma div ao topo de seu pai, mas mantendo seu comportamento de bloco embutido?

Vejo:http: //jsfiddle.net/b2BpB/1

Q: Como você pode alinhar a caixa1 e a caixa3 à parte superior da div paiboxContainer?

#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;
}

Ajuda muito apreciada ...

Agradecimentos: Esta pergunta é bifurcada de uma resposta dada anteriormente porhttps: //stackoverflow.com/users/20578/paul-d-wait : Obter um elemento CSS para redimensionar automaticamente a largura do conteúdo e, ao mesmo tempo, centralizar

questionAnswers(5)

yourAnswerToTheQuestion