如何在CSS中的段落下放置div？

Question

我有这样的页面布局：

<p>some text</p>
<div>a block button</div>

<p>上的样式：

p {
    font-size: 0.9em;
    font-weight: normal;
    color: #666;
    float: left;
    margin: 0px;
    line-height: 0.6em;
}

<div>上的样式：

.view {
    width: 75px;
    height: 20px;
    float: left;
    text-align: center;
    vertical-align: middle;
    margin: 0 3px 3px 0;
    line-height: 1.4em;
}

我不能改变它（它在其他地方生成和共享），我只能改变风格。

目前<div>呈现在<p>的右侧。我需要让<div>坐在它下面。我怎样才能在CSS中实现这一点（没有jQuery）？

由于

Answer 1

尝试以下

<p>some text</p>
<div style="clear:both">a block button</div>

Answer 2

p,
div
{
    display:block;
}

默认情况下，这些元素可能会覆盖您的CSS

Answer 3

p
{
clear:both;
margin:0px;
padding:0px;
}