如何使用输入类型=按钮/提交进行保证金折叠工作？

Question

考虑following code：

<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之间预计会有{p> input个保证金，但保证金为60px。显然保证金崩溃不起作用。如何修复input的CSS规则，同时保持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>​​​​​​​​​​

一点点黑客攻击。