Как сверстать (уже много людей голову сломало)?

Question

[Павел]

joxi.ru/12Mej9osxKwn2J

текст по центру и какой нибудь bg у текста также как на картинке

Answer 1

[Андрей Верх]

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

Comments

[Павел]

совершенно верно , ответ не найден.

[Андрей Верх]

mrusklon: И что именно не так с моим ответом? https://jsfiddle.net/sadisme/a15bpntw/3/

Answer 2

[Smeecy Smeecy]

codepen.io/smeecy/pen/KrbRby - так?

Answer 3

[Максим Тимофеев]

html:
<div><span>какой-то текст</span></div>

css:

div {
position:relative; 
height:400px;
}
span {
position: absolute; 
top:50%; 
left:0; 
width:100%; 
display:block; 
padding:0 20px; 
margin:auto;
background-color:orange;
}

Comments

[Павел]

display:block; делает фон на всю ширину контента , а на скриншоте только вокруг текста и обращаю внимание на то бекграунд не прямоугольником сделан , а прямо под текстом

[Максим Тимофеев]

mrusklon: https://jsfiddle.net/h9qk6ppw/1/