Как расположить неизвестное число блоков <div> всегда в одну строку?

[borus]

Здравствуйте

Есть такая разметка:

<div class="your-class">
  <div class="element">your content</div>
  <div class="element">your content</div>
  <div class="element">your content</div>
  ...
  <div class="element">your content</div>
</div>

количество дивов внутри заранее не известно и может быть очень большим.

Какие стили можно применить, чтобы вне зависимости от количества внутренних блоков они располагались в 1 строку, уходящую бесконечно вправо? Высота внутренних блоков может быть разной, желательно чтобы родительский див подстраивался под самый высокий

Edited May 26, 2016 by borus

[Igor Schnaider]

http://codepen.io/anon/pen/MegBqY

[alex_web64]

.your-class {display: flex; align-items: flex-start}