Как выравнять дивы по верху

[faydaen]

Здравствуйте. Есть три дива с каким то контентом

<div>Какой то текст</div>
<div>
  <div class="my">картинка 1 <br />картинка 1 <br />  </div>
  <div class="my">картинка 2 <br />картинка 2 <br />картинка 2 <br /> </div>
  <div class="my">картинка 3 </div>
</div>

Я сделал чтобы они располагались в линию

.my {
	border: 1px solid #000;
	display: inline-block;
}

И у меня поучилось вот такая картина

А мне хочется чтобы они выравнивались по верху, то есть выглядели как то так

При этом не хочется использовать абсолютное позиционирование или таблицы.

Подскажите как выравнять их по верху?

[wwt]

.my {
border: 1px solid #000;
display: inline-block;
vertical-align:top;
}

либо

.my {
border: 1px solid #000;
float:left;
margin: 0 2px;
}

Edited September 13, 2012 by wwt

[faydaen]

Спасибо, vertical-align:top; именно то что искал..