JSFiddle - React, Tailwind, and code Playground

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;
}

JavaScript

var x = $( ".user-group" ).toArray();
var pad=0;
for(var i=0; i<x.length;i++){
$(x[i]).css("padding-left", (pad+10)+"px");
pad +=10;
}