title: Divs not lining up
body: <p>I have a news section for my website, and I have some problems with article divs not lining up. The picture of what I'm talking about can be seen here: </p>
  
  <p><a href="http://postimg.org/image/euv81w6jp/" rel="nofollow">http://postimg.org/image/euv81w6jp/</a></p>
  
  <p>There should be 3 articles on a row and as you can see the middle one only has one, and the other two are below when they should be on the same line. </p>
  
  <p>I have a wrapper that holds all articles with the following css: </p>
  
  <pre><code>.sec-news {
     width: 71.264367816%;
     float: right;
  </code></pre>
  
  <p>And each article has 4 divs inside (date, title, picture, excerpt) is contained in a div with the following css: </p>
  
  <pre><code>.sec-news .article {
     width: 32%;
     margin-right: 2%; 
  </code></pre>
  
  <p>The wrapper is floated to the right because I have another section floated to the left. Please help me out.</p>