Как добавить адаптивную вертикальную линию рядом с текстом/заголовком? ⇐ CSS

[Anonymous]

По сути, единственная проблема, оставшаяся для me — это автоматически регулируемая высота линии рядом с предполагаемым заголовком. Я содержал вертикальную линию и заголовок с помощью div flex, хотя я не уверен, что сама структура правильна или является идеальным решением для моего случая.
Вот что я сделал:

Код: Выделить всё

.post-title {
font-weight: 700;
}

.vertical-line {
height: /* (Main Issue Here) */;
width: 10px;
background-color: #007bff;
margin-right: 1rem;
}

Код: Выделить всё

Lorem ipsum dolor sit amet consectetur adipisicing

Подробнее здесь: https://stackoverflow.com/questions/791 ... text-title