次の HTML があるとします。
<div id="container">
<div id="left">Left</div>
<div id="centre">Centred</div>
</div>
およびCSS:
#left {
float: left;
text-align: left;
}
#centre {
text-align: center;
}
固定幅を指定せずcentre
に要素を水平方向に中央揃えするにはどうすればよいですか? 次の図は、目的の結果を示しています。
これまでのところ、次のように表示できます。
これは、私がこれまでに行ったことを示す jsFiddle です。
私は、幅を指定する必要のない汎用ソリューションを好みます。