title: 3 column layout HTML/CSS
body: <p>I have the following HTML layout:</p>
  
  <pre><code>&lt;div class="container"&gt;
     &lt;div class="column-center"&gt;Column center&lt;/div&gt;
     &lt;div class="column-left"&gt;Column left&lt;/div&gt;
     &lt;div class="column-right"&gt;Column right&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any chance to arrange the columns like on the below sample grid <strong>without changing HTML</strong> using CSS only?</p>
  
  <pre><code>----------------------------------------------------
  |              |                   |               |
  | Column left  |   Column center   | Column right  |
  |              |                   |               |
  ----------------------------------------------------
  </code></pre>