标题文本阻止浮动元素

Question

请看一下：

http://jsfiddle.net/JeaffreyGilbert/b8FdC/

如何在IE7中的行上方放置按钮？请不要更改HTML结构。感谢。

Answer 1

执行简单的 hack ，更改顺序。写<button＆gt;在文本之前，并在float:left

上写下h2

<h2>
 <button>Action button</button>
 This is heading 2   
</h2>

DEMO

注意：也只能在float:left上撰写h2，但随后会在下面填写div滑号

Answer 2

据我所知，你必须通过将按钮元素放在“this is heading 2”文本之前来改变结构。 （编辑：diEcho打败了我） 否则你将不得不使用position:absolute，这可能会导致其他问题。在h2上使用position:relative可能有所帮助。

Example