title: CSS align three divs horizontally
body: <p>I'm having an issue aligning three divs inside a parent div, the effect I need is the following</p>
  
  <pre><code>|IMAGE| +TEXT+ |IMAGE|
  </code></pre>
  
  <p>Each div contains an Image (2) and the text (1) respectively. Aligning them is easy, the problem is that I want the CENTER div to auto width to the size of the browsers' window and keep the other IMAGE divs always on the right and left side respectively.</p>
  
  <p>Something like this for example, if the user maximizes the window:</p>
  
  <pre><code>|IMAGE| +++++++++++++++++++TEXT++++++++++++++++++++++++ |IMAGE|
  </code></pre>
  
  <p>As you can see, the idea is that the center div grows, and auto width but keeping the structure.</p>
  
  <p>How could I get that behaviour? Thanks in advance.</p>