JSFiddle - React, Tailwind, and code Playground

by Александр Парчагин

HTML

<div class="box">
    <div class="box-item">Первый</div>
    <div class="box-item">Второй
        <div class="subbox">
            <div class="subbox-item">Красный</div>
            <div class="subbox-item">Синий</div>
            <div class="subbox-item">Зеленый</div>
        </div>
    </div>
    <div class="box-item">Третий</div>
</div>

CSS

.subbox{
    position: relative;
    padding-left: 20px;
}
.subbox::before{
    content: '';
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 5px;
    width: 1px;
    background: #333;
}