Есть вот такой набор блоков:
jsfiddle.net/5o644soy/7
Как можно увидеть, блоки идут друг за другом. Между красным и синим блоками, а также между синим и чёрным -
возникают пустые пространства. В следствии разного объема текста, наполняющего эти блоки.
Планируется, что
объём текста, заполняющий каждый блок,
будет постоянно меняться.
Как сделать так, чтобы все эти блоки, располагались бы друг за другом,
без возникновения пустых пространств (между блоками по вертикали)?
Исключение составляют отступы в 50px, умышленно созданные при помощи:
margin-top: 50px; 
