浮动：正确搞乱我的中心文本

Question

当我的居中文本遇到浮动时，它会使用浮动的边缘作为新边框而不是页面边缘。

例如，

<div style="float:right; width:60px; height:60px; background-color:blue"></div>
    <h2 style="text-align:center">Section 1</h2>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
        </p>
    <h2 style="text-align:center">Section 2</h2>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
        </p>
</div>

如何让两个h2排队？

Answer 1

<h2 style="text-align:center;margin-left:60px">Section 1</h2>

Answer 2

现在定义h2 margin:0;

就像这样

h2{
margin:0;
}

的 Demo 的

Answer 3

将margin-right和margin-left添加到h2 s，其大小足以为浮动腾出空间，请参阅http://jsfiddle.net/3QRcn/1/。