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

我的页面布局如下：

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

上的样式：

我不能改变这个（它在别处生成和共享），我只能改变样式

此时，

呈现在

的右侧。我需要把

放在它下面。我如何在CSS中单独实现这一点（没有jQuery）

谢谢

这就是默认情况下的元素，某些内容可能会覆盖您的CSS

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

一些文本

块按钮

默认情况下，它应该按照您的描述工作。还有其他样式导致段落浮动。当前应用于

p

和

div

的样式是什么。听起来其中一个是浮动的，或者div是内联块。在不知道这一点的情况下，我们可以猜出一个解决方案，但不能给你一个确切的答案。

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

p,
div
{
    display:block;
}

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

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