0

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

例如，

<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的阵容？

4

3 回答 3

1 
<h2 style="text-align:center;margin-left:60px">Section 1</h2>
于 2012-10-03T06:20:56.747 回答
0

现在定义h2 margin:0;

像这样

h2{
margin:0;
}

演示

于 2012-10-03T06:22:55.287 回答
0

添加一个margin-rightandmargin-left到h2足够大的 s 为浮动腾出空间，请参阅http://jsfiddle.net/3QRcn/1/。

于 2012-10-03T06:25:33.577 回答