Я пытаюсь реализовать следующее:
Вы увидите, что есть текст, а затем строка на его стороне. Я пытаюсь, чтобы линия оставалась на том же расстоянии от текста, что и размер экрана. Это работает нормально, но когда экран становится меньше, линия переходит в часть "Test Border".
См. приведенный ниже код о том, как я это сделал. Возможно, я должен придерживаться другого подхода.
Кроме того, jsfiddle здесь для вашего удобства.
h3 {
font-size: 26px;
color: #000 !important;
max-width: 90px;
display: inline-block;
padding-bottom: 15px;
width: 8%;
}
.underline {
display: inline-block;
border-bottom: 1px solid #c6bcb6;
width: 90%;
}
<h3>Test Border</h3>
<div class="underline"></div>