title: How to get all block and floated elements in same line?
body: <p>See example here <a href="http://jsfiddle.net/fGWuN/3/" rel="nofollow">http://jsfiddle.net/fGWuN/3/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div&gt;
  &lt;h4 class="pro-price"&gt;€135.57&lt;/h4&gt;
  &lt;a class="order-button" href="javascript:void(0)"&gt;Order&lt;span&gt;&lt;/span&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>div {float:right; border: 1px solid red}
  h4 {float:left; dispaly:inline-block}
  a {float:left; display:inline-block}
  </code></pre>