CSS水平排列三个div

我有一个问题在父div内对齐三个div，我需要的效果如下

|IMAGE| +TEXT+ |IMAGE|

每个div分别包含一个图像(2)和文本(1)。对齐它们很容易，问题是我想要CENTER div自动宽度到浏览器窗口的大小，并分别保持其他IMAGE divs在右侧和左侧。

例如，如果用户最大化窗口，

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

正如你所看到的，这个想法是中心的div增长，自动宽度，但保持结构。

我怎么能得到这个行为？提前致谢。

解决方法

#container { text-align: center; }
#div-1 { float: left; }
#div-2 { display: inline; }
#div-3 { float: right; }

如果仍然不符合您的要求，请提供更详细的要求。