Как сделать подчеркивание текста для последней строки?

Для заголовков используется подчеркивание всего блока, а для самого текста заголовка обернутого в span отдельное подчеркивание.
<h1><span class="title-border">Комплексная интерпретация. Решение системы уравнений</span></h1>

h1 {
font-weight: 300;
font-size: 36px;
text-transform: uppercase;
color: #4F4F4F;
}
.title-border {
border-bottom: solid 2px #0094E0;
}

Все хорошо до того момента, когда заголовок не становиться длиннее одной строки, потом стили ломаются
Как исправить это, сделать подчеркивание только для последней строки
  • Вопрос задан
  • 2904 просмотра
Пригласить эксперта
Ответы на вопрос 2
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
.title-border { display: block;}
Возможно так... Или покажите дизайн, а то как то странно...
Ответ написан
AlexanderTsymbal
@AlexanderTsymbal
tsymbal.su
или, даже вернее
.title-border { display: inline-block;}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы