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

Тема в разделе "Верстка", создана пользователем MadChild, 18 июл 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. MadChild

    MadChild Постоялец

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

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

    Вложения:

    • f1.png
      f1.png
      Размер файла:
      7,2 КБ
      Просмотров:
      95
    • f2.png
      f2.png
      Размер файла:
      17,3 КБ
      Просмотров:
      84
    • f3.png
      f3.png
      Размер файла:
      16,8 КБ
      Просмотров:
      71
  2. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.126
    Симпатии:
    668
    MadChild нравится это.
  3. Allenka6333

    Allenka6333 Постоялец

    Регистр.:
    4 мар 2012
    Сообщения:
    125
    Симпатии:
    44
  4. Savetchuk

    Savetchuk Создатель

    Регистр.:
    10 июн 2014
    Сообщения:
    11
    Симпатии:
    1
    <p style="background-color: #ccc;">text</p>
     
  5. NikroVir

    NikroVir Извращённый отшельник

    Регистр.:
    27 апр 2008
    Сообщения:
    319
    Симпатии:
    107
    Не знаю актуально ли ещё, но для меня всё решилось обрамлением содержимого h1 в span и добавлением outline. Пример:
    HTML:
    <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;
    }    
    Не знаю на сколько семантически верно, но работает при заголовках фиксированной ширины, с автоматическим переносом текста.
    И без всяких премудростей :pop: