CSS выравнивает три div по горизонтали

У меня проблема с выравниванием трех div внутри родительского div, мне нужен следующий эффект

|IMAGE| +TEXT+ |IMAGE|

Каждый div содержит Image (2) и текст (1) соответственно. Выровнять их легко, проблема в том, что я хочу, чтобы div CENTER автоматически устанавливал ширину в соответствии с размером окна браузера, а остальные div-части IMAGE всегда оставляли справа и слева соответственно.

Примерно так, например, если пользователь разворачивает окно:

|IMAGE| +++++++++++++++++++TEXT++++++++++++++++++++++++ |IMAGE|

Как видите, идея состоит в том, что центр div растет, и автоматическая ширина, но сохраняя структуру.

Как я могу получить такое поведение? Заранее спасибо.