在100％宽度背景内居中并为内容提供固定宽度的最佳方法是什么？

Question

在100％宽度背景中居中并为内容提供固定宽度的最佳方法是什么？我不太确定我是否明确表达了我的观点，所以这里是代码http://jsfiddle.net/xJ8Qy/

.something-wrapper {
    width:100%;
    background:#fff000;
}
.something {
    background:#fffddd;
    color:fff;
    width:400px;
    margin:0 auto;
}

<div class="something-wrapper">
    <div class="something">
        Lorem ipsum dolor sit amet, consectetur adip Seat eros ornare pharetra orci at eros orn are nec nec conse.
    </div>
</div>

这种方法完全正常，但它是否正确或是否有更好的方法来实现这一结果？

Answer 1

将元素居中的一种很好且非常常见的方法是使用固定宽度和margin: auto

.something {
    width: 400px;
    margin: auto;
}

---

另一种方法是在父元素上使用text-align: center，但子元素必须是inline-block或类似的。 Demo

.something-wrapper {
    text-align: center;
}
.something {
    display: inline-block;
    text-align: left;
}