whiteSATAN
New Member
I have a page layout like this:\[code\]<p>some text</p><div>a block button</div>\[/code\]Style on the \[code\]<p>\[/code\]:\[code\]p { font-size: 0.9em; font-weight: normal; color: #666; float: left; margin: 0px; line-height: 0.6em;}\[/code\]Style on the \[code\]<div>\[/code\]:\[code\].view { width: 75px; height: 20px; float: left; text-align: center; vertical-align: middle; margin: 0 3px 3px 0; line-height: 1.4em;}\[/code\]I can't change this (it's generated and shared elsewhere), I can only change the style.At the moment the \[code\]<div>\[/code\] is rendered to the right of the \[code\]<p>\[/code\]. I need the \[code\]<div>\[/code\] to sit underneath it instead. How can I achieve this in CSS alone (no jQuery)?Thanks