スパンとテキストを含む H2 要素があります。
<h2><span.../> Some text</h2>
テキストは中央に配置されており、スパンを左側に配置する必要があります。私は使っている:
span {
margin-left: -60px;
}
Firefox と Chrome では動作しますが、Internet Explorer 9 では動作しません。IE9 と IE8 で動作させるにはどうすればよいですか?
スパンとテキストを含む H2 要素があります。
<h2><span.../> Some text</h2>
テキストは中央に配置されており、スパンを左側に配置する必要があります。私は使っている:
span {
margin-left: -60px;
}
Firefox と Chrome では動作しますが、Internet Explorer 9 では動作しません。IE9 と IE8 で動作させるにはどうすればよいですか?
SPAN はインライン要素です。これらは、水平マージンまたはパディングを取ることはできません。SPAN を作成する必要がありますdisplay: inline-block
。
テキストが中央に配置されている場合float: left;
は、スパンで a を使用できます。これにより、スパンが h2 の左端にあることが常に保証されます。
スパンも中央揃えにしたいが、行の先頭に配置したい場合は、スパンがインライン要素であるため、何もする必要はありません。
私の例を見てください:
例 1 では float: left; を使用しています。例 2 ではパディングを使用しています。