css - 次の行が一番上の行に対して中央に配置されずに、テキストのブロックを中央に配置するにはどうすればよいですか?

Question

テキストを中央に配置する必要があります。text-align center を使用しましたが、次の行が中央揃えになります。上の行に揃える必要があります。

<div class="box">
<div class="text">Some text.Some text.Some text.Some text.Some text.Some text.Some text.
    Some text.Some text.Some text.Some text.Some text.</div>
</div>

次の行が一番上の行に対して中央に配置されずに、テキストのブロックを中央に配置するにはどうすればよいですか?

http://jsfiddle.net/heQ9H/

Answer 1

これを行うための安価な方法の 1 つは、既に行った要素内でテキストをラップし、最も近い幅を取得することです。これにより、右側に大きなスペースを残して他の行にラップするのではなく、テキストが完全に終了します。margin: auto;

デモ

.text {
    width: 490px;
    margin: 0 auto;
}

Answer 2

例: http://jsfiddle.net/heQ9H/2/

ボックスの幅をコンテナーの 100% にします。テキストは 510px の設定幅で中央に配置されます。これはあなたが探しているものかもしれないと思います。

.box {
    width: 100%;
}
.text {
    margin: 0 auto;
    width: 510px;
}