Как заставить свертывание полей работать с типом ввода = кнопка / отправить?

Question

Рассмотрим следующий код :

<p style="margin: 30px 0; padding: 0;">Some text some text some text some text some
text some text some text some text</p>

<p style="margin: 30px 0; padding: 0;">Some text some text some text some text some
text some text some text some text</p>

<input type="button" value="Button" style="margin: 30px 0; padding: 0; float: right;"/>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

30px маржа ожидается между последними p и input, но есть маржа 60pxВидимо маржа рушится не работает.Как исправить правила CSS input, сохраняя при этом способность input создавать 30px вертикальное поле сверху?

Answer 1

Попробуйте установить display:block на input

РЕДАКТИРОВАТЬ: Просто оберните вокруг него обертку?

http://jsfiddle.net/8mqHZ/13/

Answer 2

Единственное решение, которое я нашел:

<div style="text-align: right; margin: 30px 0;">
    <input type="button" value="Button" />
</div>​​​​​​​​​​

Немного взломать.