Как сделать эту секцию
Посередине полоска с цифрой и слева или справа текст
линия должна занимать высоту текста и отступ до следующей цифры в 48 пикселей
Пробовал через flex и через grid,
результатов нет
текущий код
.holder__body {
display: flex;
justify-content: center;
}
.holder__items {
margin: 70px auto;
display: flex;
flex-direction: column;
align-items: center;
}
.item-holder {
position: relative;
display: grid;
grid-template-columns: 645px 50px 645px;
}
.item-holder__bar-wrapper {
display: flex;
justify-content: flex-end;
height: 100%;
grid-column: 2/3;
}
.item-holder__bar {
width: 4px;
height: 100%;
background: #0c3d9a;
top: 0;
}
.item-holder__number {
font-weight: 700;
font-size: 32px;
line-height: 87%;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background: #0c3d9a;
border-radius: 50%;
}
.item-holder__text {
font-weight: 700;
font-size: 20px;
line-height: 140%;
color: #000;
grid-column: 1/2;
}
<div class="holder__body">
<div class="holder__items">
<div class="holder__item item-holder">
<div class="item-holder__bar-wrapper">
<div class="item-holder__bar"></div>
<div class="item-holder__number">1</div>
</div>
<div class="item-holder__text">Участвовать в управлении обществом в порядке, предусмотренном настоящим
Законом и (или) уставом общества;</div>
</div>
</div>
</div>