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

[Anonymous]

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



Lorem ipsum dolor sit amet consectetur adipisicing



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

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


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