Как сделать фон у текста и выровнять по центру?

Question

[Павел]

codepen.io/mrusklon/pen/oLJBYo

пытаюсь сделать как в one только текст по центру , вот и весь вопрос)

Answer 1

[Дмитрий Христоев]

display: inline-block

Comments

[Павел]

к сожалению не совсем то что нужно , codepen.io/mrusklon/pen/oLJBYo если текст будет в какой то строке длиннее то фон "вылазит"

[Дмитрий Христоев]

mrusklon: какой вопрос, такой ответ. добавть max-width: 100px;

[Павел]

Дмитрий Христоев: не , с шириной совсем мимо , а по вопросу действительно накосячил.

Answer 2

[Yan Znamerovski]

попробуй
margin-left: 40%;

Comments

[Павел]

не по центру будет , а если ширина экрана ну скажем 500px