如何使用 input type=button/submit 进行边距折叠？

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/