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

Скажите, насколько реально такое реализовать:

Нужно получить на выходе набор DIV блоков (см пример вложение). 
Элементы и функционал скрипта следующий: 

1. Элемент добавить блок 
2. При создании блока, можно изменить размер по высоте и ширине 
3. Центрирование блоков по левой стороне 
4. Если длина блока не помещается, она уходит на следующую строку 
5. Если первый левый блок по высоте 50 и ширине 50%, то в одну строку могут войти 2 блока по 25 и 50% ширины. 
6. Если стоят 2 блока по высоте 25 и ширине 50%, то в правой части в этой же строке можно поместить блок 50 по высоте и 50% по ширине. Итоговая высота должна составлять 50. 
7. Не использовать позиционирование, нужно решить задачу с помощью высоты и ширины. 
8. Не использовать вложенность блоков. 

Я не справился с 6 пунктом.
Если задача сложная, предложите свое решение.



С помощью float:left получается, но не все что хочется.

Если я правильно понял, то тебе надо поменять порядок блоков.
http://jsfiddle.net/BaNru/6uyofcew/