JSFiddle - React, Tailwind, and code Playground

by voronovam

HTML

<div class="found-item">
                                <a href="">
                                    <div class="user-name clearfix">
                                        <div class="pull-left">                                           
                                            <div>Руководитель группы веб-разработки</div>
                                        </div>                                       
                                    </div>
                                </a>
                                <div class="user-group">
                                    <span class="icons icon-group"></span>
                                    <a href="">Управление информационных технологий</a>
                                </div>
                                <div class="user-group user-group-inserted">
                                    <span class="icons icon-group"></span>
                                    <a href="">Группа веб-разработки</a>
                                </div>
                                <div class="user-group user-group-inserted-1">
                                    <span class="icons icon-group"></span>
                                    <a href="">Группа веб-разработки</a>
                                </div>
                            </div>

CSS

.found-item {
    background: #fff;
    margin: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #b6b6ba;
}
.found-item .user-group {
    padding: 0 20px;
}
.found-item .user-group-inserted {
    padding-left: 30px;
}
.found-item .user-group-inserted-1 {
    padding-left: 40px;
}