Фон для текста

[MadChild]

Добрый день. Товарищи подскажите, как сделать текст на изображении f1.png
Мои попытки приводят только к таким вариантом(f2.png и f3.png)

Этот текст - h1, <br /> и прочие переносы в нем исключены, ограничения только по длине блока

 

[mdss]

Для чтения и освоения чужих знаний
Для просмотра ссылки Войди или Зарегистрируйся

 

[Allenka6333]

Для просмотра ссылки Войди или Зарегистрируйся
Попробуйте тут посмотреть.. Здесь все свойства описаны..

 

[Savetchuk]

<p style="background-color: #ccc;">text</p>

 

[NikroVir]

Не знаю актуально ли ещё, но для меня всё решилось обрамлением содержимого h1 в span и добавлением outline. Пример:

<h1><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span></h1>

h1{ width: 290px; }
span{
    outline: 10px solid red;
    background: red;
    padding: 1px 0;
}

Не знаю на сколько семантически верно, но работает при заголовках фиксированной ширины, с автоматическим переносом текста.
И без всяких премудростей