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

float のためのスペースを確保するのに十分な大きさのamargin-rightとmargin-leftをsに追加します。 http://jsfiddle.net/3QRcn/1/を参照してください。h2

于 2012-10-03T06:25:33.577 に答える