title: how to create 3 columns in HTML+CSS and group 2 div elements in the third column
body: <p>I've an issue with creating 3 columns in HTML+CSS</p>
  
  <p>This is the html code:</p>
  
  <pre><code>&lt;div class="views-field-field-pdf-fid"&gt;&lt;/div&gt;                
  &lt;div class="views-field-field-content-value"&gt;&lt;/div&gt;
  &lt;div class="views-field-field-image-fid"&gt;&lt;/div&gt;
  &lt;div class="views-field-title"&gt;&lt;/div&gt;
  &lt;div class="views-field-field-date-value"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>What I want is 3 columns:</p>
  
  <pre><code>1st column: title, date-value
  2nd column: image-fid
  3rd column: content-value, pdf-fid
  </code></pre>
  
  <p>So far, I've tried to add <code>float:right</code> property to <code>content-value, pdf-fid and image-fid</code>. Unfortunately I cannot keep content-value and pdf-fid on the same column.</p>
  
  <p>ps. I can swap the divs in the html code but not grouping them using parent divs.
  thanks</p>