Divの幅の自動をTextに設定しますか？

Question

は基本的に私はしました：

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

単に私がspanテキストに及ぶdiv幅を設定する必要があります。

これを試みたが、働いていない：

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

あなたは自分のspan要素

から position:absoluteを削除する必要があります

ここで働いているバイブルです：

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