中心div到底部，拟合宽度到内部文本

Question

这是我尝试过的，问题是当我在px中设置固定宽度时它只会居中我的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

您可以在父级div text-align: center上使用<div id="enclose">，这会使您的<div id="problem">居中。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以在父元素（text-align: center）或CSS3功能#enclose上使用width: intrinsic;。

工作代码（至少在Chrome 38上） - CodePen