css - 居中 div 到底部，宽度适合内部文本

Question

这是我尝试过的方法，问题是当我以像素为单位设置固定宽度时，它只会使我的 div 居中。
如何使宽度适合内部文本？

HTML:

<div id="enclose">
    <div id="problem">
    MY TEXT HERE
    </div>
</div>

CSS:

#problem {
    margin-right:auto;
    margin-left:auto;
    width:200px;
}
#enclose {
    position:fixed;
    bottom:0px;
    width:100%;
}

JSFiddle:
http://jsfiddle.net/7bqsdt6o/2/

Answer 1

您可以使用 text-align: center在你的父 div 上，即 <div id="enclose"> , 这将使您的 <div id="problem"> 居中.

#enclose {
    position:fixed;
    bottom:0px;
    width:100%;
    text-align: center;
}

<div id="enclose">
    <div id="problem">
    MY TEXT HERE
    </div>
</div>