2 divs to left, other divs to right
<p>I'm trying to float 2 divs on left side and two div on right side. All divs I need to have in one parent div.</p>

<p>My CSS:</p>

<pre><code>.news { 
  width:50%; 
  float:right !important; 
}
.news:first-child {
    float:left;
}
.news:nth-child(2) {
    float:left;
}
</code></pre>

<p>My HTML:</p>

<pre><code>&lt;div class="maindiv"&gt;
  &lt;div class="news"&gt;
    &lt;img src="fileadmin/user_upload11150532_956775297674176_4405300320161350202_n.jpg"&gt;
    &lt;h2&gt;aaaaaa4&lt;/h2&gt;
  &lt;/div&gt;
  &lt;div class="news"&gt;
    &lt;img src="fileadmin/user_upload11150532_956775297674176_4405300320161350202_n.jpg"&gt;
    &lt;h2&gt;aaaaaa4&lt;/h2&gt;
  &lt;/div&gt;
  &lt;div class="news"&gt;
    &lt;img src="fileadmin/user_upload/11150532_956775297674176_4405300320161350202_n.jpg"&gt;
    &lt;h2&gt;aaaaaa4&lt;/h2&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p><a href="http://i.stack.imgur.com/t93xT.png" rel="nofollow">How it looks now</a></p>

<p><a href="http://i.stack.imgur.com/I3nKN.jpg" rel="nofollow">How it should look like</a></p>