html - How can I position a div underneath a paragraph in CSS? -

i have page layout this:

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

style on <p>:

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

style on <div>:

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

i can't change (it's generated , shared elsewhere), can change style.

at moment <div> rendered right of <p>. need <div> sit underneath instead. how can achieve in css alone (no jquery)?

thanks

try following

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