[html]
<style>
#wrapper{
  width:510px;
  height: 445px;
  background-color: #eee;
  margin: 0 auto;
}
.tab-container{position: relative;}
.tab-wrapper{
    display: flex;
    width: 100%;
    font-family: sans-serif;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}
.tab-wrapper .tab-item,
.tab-wrapper input{display: none;}
.tab-wrapper .tab-item{
    background-color: #fff;
    padding: 20px;
    position: absolute;
    left: 170px;
    height: 445px;
    top: 0;
    border: 1px solid #ddd;
  }
.tab-wrapper label{
    background-color: #f5f5f5;
    min-height: 35px;
    line-height: 16px;
    width: 120px;
    padding: 0px 20px;
    text-align: center;
    float: left;
    color: #878685;
    white-space: pre-wrap;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-wrapper input:checked + label{
  background-color: #000;
   color: #fff;
}
.tab-wrapper input:checked + label + .tab-item{display: block;}

.tab-item {
width: 300px;
}

.post-list {
    line-height: 30px;
    padding-left: 10px;
}

.post-list:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
</style>

<div id="wrapper">
  <div class="tab-container">
    <div class="tab-wrapper">
        <input type="radio" name="tab" id="tab1" checked />
        <label class="tab-label" for="tab1" nth="1">политика</label>
        <div class="tab-item" id="tab-content1">
        <il>
<li class="post-list"><a href="https://thecult.f-rpg.me/profile.php?id=12">jane kristoff</a> — агент ЦРУ</li>
        </il>
        </div>

        <input type="radio" name="tab" id="tab2" />
        <label class="tab-label" for="tab2" nth="2">бизнес</label>
        <div class="tab-item" id="tab-content2">
<li class="post-list"><a href="https://thecult.f-rpg.me/profile.php?id=9">solomiya laube</a> — парфюмер, хозяйка частного салона "Virosa"</li>
<li class="post-list"><a href="https://thecult.f-rpg.me/profile.php?id=14">wilhelm laube</a> — художник-оформитель в парфюмерном салоне "Virosa"</li>
<li class="post-list"><a href="https://thecult.f-rpg.me/profile.php?id=4">marcel rocher</a> — владелец ломбарда и антикварной лавки</li>
        </div>

        <input type="radio" name="tab" id="tab3" />
        <label class="tab-label" for="tab3" nth="3">медицина</label>
        <div class="tab-item" id="tab-content3">
<li class="post-list"><a href="https://thecult.f-rpg.me/profile.php?id=12">jane kristoff</a> — врач общей практики</li>
        </div>

        <input type="radio" name="tab" id="tab8" />
        <label class="tab-label" for="tab8" nth="8">техническая деятельность</label>
        <div class="tab-item" id="tab-content8">
<li class="post-list"><a href="https://thecult.f-rpg.me/profile.php?id=17">clyde burton</a> — инженер-маркшейдер</li>
        </div>

        <input type="radio" name="tab" id="tab9" />
        <label class="tab-label" for="tab9" nth="9">искусство</label>
        <div class="tab-item" id="tab-content9">

        </div>

        <input type="radio" name="tab" id="tab4" />
        <label class="tab-label" for="tab4" nth="4">образование</label>
        <div class="tab-item" id="tab-content4">
<li class="post-list"><a href="https://thecult.f-rpg.me/profile.php?id=11">lars reinhard</a> — выпускник университета</li>
<li class="post-list"><a href="https://thecult.f-rpg.me/profile.php?id=16">bonnie burton</a> — студентка Академии для девочек закрытого типа в Лондоне</li>
        </div>

        <input type="radio" name="tab" id="tab5" />
        <label class="tab-label" for="tab5" nth="5">полиция</label>
        <div class="tab-item" id="tab-content5">

        </div>

        <input type="radio" name="tab" id="tab6" />
        <label class="tab-label" for="tab6" nth="6">церковь</label>
        <div class="tab-item" id="tab-content6">
<li class="post-list"><a href="https://thecult.f-rpg.me/profile.php?id=3">kilian bogart</a> — кардинал-священник церкви блаженной Элизабет Энн Сетон, миссионер</li>
        </div>

        <input type="radio" name="tab" id="tab7" />
        <label class="tab-label" for="tab7" nth="7">сми</label>
        <div class="tab-item" id="tab-content6">

        </div>
    </div>
  </div>
[/html]

<li class="post-list"><a href="ссылка на профиль">name surname</a> — должность</li>