Центрирование текста с бэкграундом?

Question

[Frank_Sidebottom]

Привет. Помогите отцентрировать такой элемент(текст с бэкграундом). Никак не получается. По разному пробовал и всё равно не то что нужно. То бэкграунд растягивается по всей ширине и только текст центрируется, то в нужном виде стоит с краю. фидл прилагаю : https://jsfiddle.net/g5vLdofm/1/


https://jsfiddle.net/g5vLdofm/1/

Answer 1

[0X12eb]

<div class="wrapper">
    <div class="date">11.08.2017</div>
    <h1>Заголовок</h1>
</div>

wrapper {
     text-align: center;
}

Comments

[Frank_Sidebottom]

как же всё просто. спасибо!

Answer 2

[cssfish]

текст внутри h1 заверните в span (inline-block, relative) и от него уже делаем псевдо на 100% ширины (спана)

Comments

[cssfish]

типа того
https://jsfiddle.net/g5vLdofm/2/

это я вам задачу по динамической ширине блока снизу решил )) а про центрирование вам выше написали, обертка решает

[Frank_Sidebottom]

там немного другой элемент, не h1)) выше уже помогли. но всё равно спасибо что откликнулись

[cssfish]

))