设置Div宽度自动跨越文本？

Question

基本上我是：

<div>
   <span>Keep parent div width auto to this text</span>
</div>

我只需要将div宽度扩展设置为span文字。

试过这个，但没有奏效：

div{
    position:absolute;
    height:50px;
    width:auto;
    background:#1a5f8c;
    border:1px solid #14496d;
    display:inline-block;
}
span{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    text-align: left;
    font-size:14px;
    font-weight:500;
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    box-sizing:border-box;
    padding: 10px;
    color:#ddd;
}

Jsfiddle：https://jsfiddle.net/x0r4oz86/

非常感谢所有回复：）

Answer 1

您只需要从position:absolute元素中删除span

这是工作小提琴：

https://jsfiddle.net/x0r4oz86/1/