title: Align div elements with html elements next to each other and under each other
body: <p>Im having some issue's to get my div's aligned next to each other aswell as under each other. </p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/vwm10nhn/7/" rel="nofollow noreferrer">http://jsfiddle.net/vwm10nhn/7/</a></p>
  
  <p><img src="https://i.stack.imgur.com/8TNfy.png" alt="enter image description here"></p>
  
  <p><strong>My Css rules:</strong></p>
  
  <pre><code>.wrap{
  }
  
  .wrappedLabel{
  float: left;
  margin-right: 5px;
  margin-bottom:10px;
  }
  
  .wrappedControl{
  float: left;
  margin-right: 5px;
  margin-bottom:10px;
  }
  
  .wrappedElement{
  float: left;
  }
  </code></pre>
  
  <p><strong>What I want as result is the following:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/dIAS4.png" alt="enter image description here"></p>
  
  <p>I archieved this by adding <code>clear:left</code> to the first element next to the select. In this example this is the <code>div.wrappedElement</code> which contains the FirstName However the html is generated in code. Is their a simple way to do this in CSS ?</p>
  
  <p>Thanks.</p>