[html]
<style>
.gridwrap {
display: grid;
grid-template-columns: 300px 300px;
gap: 20px;
margin: 0 auto;
width: 620px;
}
.listwrap {
background-color: #fff;
border: 1px solid #ddd;
padding: 15px;
}
h5 {
font-family: Palatino Linotype;
font-size: 30px!important;
color: #A2BC8A;
background: #F5F5F5;
display: block;
border: 1px solid #ddd;
padding-left: 8px;
margin-bottom: 6px!important;
}
li.person {
line-height: 28px;
font-size: 10px;
}
li.person:not(:last-child) {
border-bottom: 1px solid #ddd;
}
.p-list {
height: 140px;
display: block;
overflow-y: scroll;
}
</style>
<div class="gridwrap">
<div class="listwrap"><h5>a b c</h5>
<il class="p-list">
<li class="person">cillian murphy | за <a href="https://thecult.f-rpg.me/profile.php?id=3">kilian bogart</a></li>
</il>
</div>
<div class="listwrap"><h5>d e f </h5>
<il class="p-list">
<li class="person">evgeny schwartz | за <a href="https://thecult.f-rpg.me/profile.php?id=4">marcel rocher</a></li>
</il>
</div>
<div class="listwrap"><h5>g h i j</h5>
<il class="p-list">
</il>
</div>
<div class="listwrap"><h5>k l m n</h5>
<il class="p-list">
</il>
</div>
<div class="listwrap"><h5>o p q</h5>
<il class="p-list">
</il>
</div>
<div class="listwrap"><h5>r s t</h5>
<il class="p-list">
<li class="person">renata litvinova | за <a href="https://thecult.f-rpg.me/profile.php?id=3">kilian bogart</a></li>
</il>
</div>
<div class="listwrap"><h5>u v w</h5>
<il class="p-list">
</il>
</div>
<div class="listwrap"><h5>x y z</h5>
<il class="p-list">
</il>
</div>
</div>
[/html]
<li class="person">name surname | за <a href="ссылка на профиль">name surname</a></li>