title: Divs won't position correctly
body: <p>Im trying to display my web app using divs however it doesnt seem to display properly. I want the <em>title, picture the left description on the right of the picture</em>, I've managed to get this correct.</p>
  
  <p>However then I want my <em>portion number, preparation time, utensils, ingredients and finally method in that order to just flow in that order</em>. However it's not working, I've created a <a href="http://jsfiddle.net/e9DDw/1" rel="nofollow noreferrer">JsFiddle</a>  would be great if you could update it and help.</p>
  
  <pre><code>&lt;div id="description"&gt;
      &lt;p class="textDes"&gt;
          &lt;label for="descrip"&gt;Enter a recipe Description&lt;/label&gt;
          &lt;input type="text" name="descrip" &gt;
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Like this picture <img src="https://i.stack.imgur.com/x8Mrw.jpg" alt="DIV"></p>