Как линию подчеркивания разместить на одной линии с текстом который не подчеркнут?
<h1>ТЕКСТ<u>ТЕКСТ</u></h1>
Пример
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуКак линию подчеркивания разместить на одной линии с текстом который не подчеркнут?
<h1>ТЕКСТ<u>ТЕКСТ</u></h1>
Пример
В трёх браузерах проверил - одинаково
* {
margin: 0;
padding: 0;
}
p {
text-transform: uppercase;
display: inline-block;
font-weight: 900;
text-align: left;
color: orange;
}
i {
display: inline-block;
font-style: normal;
text-decoration: underline;
font-size: 90%;
margin-left: -4px;
margin-top: 1px;
vertical-align: top;
color: black;
}
<p>snc <i>group</i></p>
h1 {
margin: 0;
}
h1 u {
text-decoration: none;
position: relative;
}
h1 u:after {
content: '';
position: absolute;
left: 0;
bottom: 4px;
width: 100%;
height: 3px;
background: #000;
}
<h1>ТЕКСТ<u>ТЕКСТ</u></h1>