1

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

введите сюда описание изображения

2
  • я уже рассматриваю вариант отделения части которая окажется в последней строке в отдельный span на пхп только вот даже не ясно как это реализовать ведь ширина блока с таким заголовком может быть разной
    – kuroch
    5 ноя 2015 в 11:28
  • есть мысли как на js реализовать?
    – kuroch
    5 ноя 2015 в 11:32

1 ответ 1

2

Попробуйте такой вариант через h1:after{}

h1 {
    position: relative;
    display: inline
}
h1:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 3px solid #35C2F5;
    content: ""
}

Пример: http://jsfiddle.net/9jpw0j22/

1
  • не работает в FF
    – kuroch
    5 ноя 2015 в 13:05

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.