title: Align 3 div while the left and right are only repeat-x and the middle is centered
body: <p>I need to align 3 divs. </p>
  
  <ul>
  <li>1 div on left side without size specify, it's only a 1 pixel repeat-x. </li>
  <li>1 div on middle centered to center. </li>
  <li>1 div on right side without size specify, it's only a 1 pixel repeat-x</li>
  </ul>
  
  
  
  <p>Thank you for your feedback.<br/>
  What I am asking for, is the possibility to put an image on the middle of a page.<br/>
  BUT: On the right side and the left side of the image, there are 2 areas that can grow according to the screen resolution.<br/> 
  These areas are "1 pixel repeat-x" images.<br>
  Please note: <strong>the image on the right side and the left side aren't the same picture!</strong></p>
  
  <p>Below a picture with a sketch that (I hope) will explain my problem:</p>
  
  <p><img src="https://i.stack.imgur.com/eHmVK.jpg" alt="enter image description here">
  Thanks</p>