Как создать ширину, подстраивающуюся под контент

Собственно, код - https://jsfiddle.net/48gc25op/

Как сделать так, чтобы нижний border у текста Обратный звонок был только под самим текстом.

Я понимаю, что можно задать width в пикселях, и все. Но хочется узнать, как так стили прописать, чтобы ширина дива менялась в зависимости от контента в нем.

вот так

.call {

    font-size: 16px;

    color: #0058ff;

    margin: 0;

    padding: 0;

    text-align: center;

    width: auto;

}



.call p {

    padding: 0;

    display: inline-block;

    margin: 0 auto;

    border-bottom: 1px dashed #0058ff;

}

Большое спасибо! Очень выручили.