как разместить div на 1 строке, с изменяемой шириной

[zvezda_t]

Всем привет!

Помогите. пожалуйста! Вот несколько div, помогите пожалуйста исправить, чтоб :
розовый квадрат изначально занимал свою максимальную ширину, а не минимальную как сейчас.
и при добавлении 4 картинки - розовый чтобы сжимался, а не уходил за пределы красного квадрата.

http://jsfiddle.net/k5m6pkwx/3/

[zvezda_t]

моя проблема решена, и даже с лихвой! Огромная благодарность модераторам)

https://jsfiddle.net/om1qwb8w/3/

Edited June 19, 2015 by zvezda_t