Divs将无法正确定位

Question

我试图使用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，不要将div放在其中

Fiddle