Divs не будет правильно размещаться

Question

Im пытается отобразить мое веб-приложение с помощью div, однако оно, похоже, не отображается правильно. Я хочу заголовок , изобразите левое описание в правой части рисунка, мне это удалось.

Однако, тогда я хочу, чтобы мой номер , время подготовки, посуда, ингредиенты и, наконец, метод, чтобы просто проехать в этом порядке. Однако он не работает, я создал JsFiddle, было бы здорово, если бы вы могли его обновить и помочь.

<div id="description"> 
    <p class="textDes"> 
     <label for="descrip">Enter a recipe Description</label> 
     <input type="text" name="descrip" > 
    </p> 
</div> 

Как эта картина

Answer 1

Добавить clear: left в #portionPrep и не плавают дивы внутри него

Fiddle