title: Float two div's next to each other even when you resize your browser
body: <p>I got two div's that i floated left and right.</p>
  
  <pre><code>&lt;div style="float:left"&gt;1&lt;/div&gt;
  &lt;div style="float:right"&gt;1&lt;/div&gt;
  &lt;div style="clear:both"&gt;1&lt;/div&gt;
  </code></pre>
  
  <p>So everything works fine, i do it for years this way.
  Now i code a RESONSIVE-DESIGN so i cant work with fixed width's.
  The problem is the following: if the screen getting less the right div is situated BELOW the left one. I dont want this.</p>
  
  <p>I know i can do fixed width's to overcome this or put both in a wrapper to overcome this too BUT as i said - i cant work with fixed width's.</p>
  
  <p>How can i handle the collapse that both divs are beside each other and not below or something (when change the screen to small size)</p>
  
  <p>im new in responsive but i get all to wokr - thats my last problem and i always worked with fixed size values in the past.</p>