Код:
<!--HTML-->
 

<div class="tabs-role">
  
  <input type="radio" id="tab1" name="tab-control" checked>
  <input type="radio" id="tab2" name="tab-control">
  <input type="radio" id="tab3" name="tab-control">  
  <input type="radio" id="tab4" name="tab-control">
  <input type="radio" id="tab5" name="tab-control">
  <input type="radio" id="tab6" name="tab-control">
  <input type="radio" id="tab7" name="tab-control">
  <input type="radio" id="tab8" name="tab-control">

  <ul>
    <li title="# - A - B - C"><label for="tab1" role="button"><span># - A - B - C</span></label></li>
    <li title="D - E - F - G"><label for="tab2" role="button"><span>D - E - F - G</span></label></li>
    <li title="H - I - J - K"><label for="tab3" role="button"><span>H - I - J - K</span></label></li>    
    <li title="L - M - N - O"><label for="tab4" role="button"><span>L - M - N - O</span></label></li>
    <li title="P - Q - R - S"><label for="tab5" role="button"><span>P - Q - R - S</span></label></li>
    <li title="T - U - V - W"><label for="tab6" role="button"><span>T - U - V - W</span></label></li>
    <li title="X - Y - Z - #"><label for="tab7" role="button"><span>X - Y - Z - #</span></label></li>
    <li title="0-9"><label for="tab8" role="button"><span>0-9</span></label></li>
  </ul>
  
<div class="content">
<section>
<h3>the Arcana: A Mystic Romance</h3><br>
<p><a href="/viewtopic.php?id=632"  title="анкета">ASRA ALNAZAR</a> × <a href="/profile.php?id=251" title="профиль">азра альназар</a></p>

<h3>Arcane & league of legends</h3><br>
<p><a href="/viewtopic.php?id=604" title="анкета">EKKO</a> × <a href="/profile.php?id=240" title="профиль">экко</a></p>
<p><a href="/viewtopic.php?id=66" title="анкета">EZREAL</a> × <a href="/profile.php?id=29" title="профиль">эзреаль</a></p>
<p><a href="/viewtopic.php?id=25" title="анкета">JINX</a> × <a href="/profile.php?id=11" title="профиль">джинкс</a></p>
<p><a href="/viewtopic.php?id=107" title="анкета">RENATA GLASC</a> × <a href="/profile.php?id=52" title="профиль">рената гласк</a></p>
<p><a href="/viewtopic.php?id=688"  title="анкета">Vi</a> × <a href="/profile.php?id=276"  title="профиль">вай</a></p>
<p><a href="/viewtopic.php?id=672"  title="анкета">VIKTOR</a> × <a href="/profile.php?id=269" title="профиль">виктор</a></p>
<p><a href="/viewtopic.php?id=590" title="анкета">ZERI</a> × <a href="/profile.php?id=235" title="профиль">зери</a></p>


<h3>Boku no hero academia</h3><br>
<p><a href="/viewtopic.php?id=61" title="анкета">KATSUKI BAKUGO</a> × <a href="/profile.php?id=25" title="профиль">катсуки бакуго</a></p>
<p><a href="/viewtopic.php?id=502" title="анкета">OCHACO URARAKA</a> × <a href="/profile.php?id=201" title="профиль">очако урарака</a></p>

<h3>Bubble comics</h3><br>
<p><a href="/viewtopic.php?id=108" title="анкета">MARGO</a> × <a href="/profile.php?id=48" title="профиль">марго</a></p>
<p><a href="/viewtopic.php?id=63" title="анкета">OLEG VOLKOV</a> × <a href="/profile.php?id=34" title="профиль">олег волков</a></p>
<p><a href="/viewtopic.php?id=65" title="анкета">SERGEY RAZUMOVSKY</a> × <a href="/profile.php?id=35" title="профиль">сергей разумовский</a></p>
<p><a href="/viewtopic.php?id=677" title="анкета">VALERIA MAKAROVA</a> × <a href="/profile.php?id=268" title="профиль">валерия макарова</a></p>

<h3>Bungou stray dogs</h3><br>
<p><a href="/viewtopic.php?id=561" title="анкета">NAKAHARA CHUYA</a> × <a href="/profile.php?id=222" title="профиль">накахара чуя</a></p>
<p><a href="/viewtopic.php?id=500" title="анкета">OSAMU DAZAI</a> × <a href="/profile.php?id=200" title="профиль">осаму дазай</a></p>

<h3>Critical role / The legend of vox machina</h3><br>
<p><a href="/viewtopic.php?id=836" title="анкета">KEYLETH</a> × <a href="/profile.php?id=319" title="профиль">кейлет</a></p>
<p><a href="/viewtopic.php?id=831" title="анкета">PERCIVAL DE ROLO</a> × <a href="/profile.php?id=106" title="профиль">персиваль де роло</a></p>
<p><a href="/viewtopic.php?id=801" title="анкета">PIKE TRICKFOOT</a> × <a href="/profile.php?id=80" title="профиль">пайк трикфут</a></p>
<p><a href="/viewtopic.php?id=844" title="анкета">scanlan shorthalt</a> × <a href="/profile.php?id=26" title="профиль">сканлан шортхальт</a></p>



<h3>Cyberpunk 2077</h3><br>
<p><a href="/viewtopic.php?id=535" title="анкета">V</a> × <a href="/profile.php?id=211" title="профиль">ви</a></p>
<p><a href="/viewtopic.php?id=536" title="анкета">VIKTOR VEKTOR</a> × <a href="/profile.php?id=212" title="профиль">виктор вектор</a></p>

</section>


<section>
<h3>Destiny</h3><br>
<p><a href="/viewtopic.php?id=807" title="анкета">ANA BRAY</a> × <a href="/profile.php?id=228" title="профиль">ана брей</a></p>

<h3>Detroit: Become Human</h3><br>
<p><a href="/viewtopic.php?id=19" title="анкета">GAVIN REED</a> × <a href="/profile.php?id=7" title="профиль">гэвин рид</a></p>

<h3>DC comics </h3><br>
<p><a href="/viewtopic.php?id=640" title="анкета">DAMIAN WAYNE</a> × <a href="/profile.php?id=257" title="профиль">демиен уэйн </a></p>


<h3>Dishonored</h3><br>
<p><a href="/viewtopic.php?id=512" title="анкета">THE OUTSIDER</a> × <a href="/profile.php?id=206" title="профиль">чужой</a></p>

<h3>Dragon age</h3><br>
<p><a href="/viewtopic.php?id=775" title="анкета">ALIM SURANA</a> × <a href="/profile.php?id=299" title="профиль">алим сурана</a></p>
<p><a href="/viewtopic.php?id=214" title="анкета">CULLEN RUTHERFORD</a> × <a href="/profile.php?id=19" title="профиль">каллен резерфорд</a></p>
<p><a href="/viewtopic.php?id=83" title="анкета">DAYLEN AMELL</a> × <a href="/profile.php?id=31" title="профиль">дайлен амелл</a></p>
<p><a href="/viewtopic.php?id=106" title="анкета">EVELYN TREVELYAN</a> × <a href="/profile.php?id=27" title="профиль">эвелин тревельян</a></p>
<p><a href="/viewtopic.php?id=525" title="анкета">FENRIS</a> × <a href="/profile.php?id=199" title="профиль">фенрис</a></p>
<p><a href="/viewtopic.php?id=485" title="анкета">GARRETT HAWKE</a> × <a href="/profile.php?id=194" title="профиль">гаррет хоук</a></p>
<p><a href="/viewtopic.php?id=753" title="анкета">MALKIN</a> × <a href="/profile.php?id=287"  title="профиль">малкин</a></p>
<p><a href="/viewtopic.php?id=26" title="анкета">MAXWELL TREVELYAN</a> × <a href="/profile.php?id=15" title="профиль">максвелл тревельян</a></p>
<p><a href="/viewtopic.php?id=35" title="анкета">ROBIN COUSLAND</a> × <a href="/profile.php?id=5" title="профиль">робин кусланд</a></p>
<p><a href="/viewtopic.php?id=820" title="анкета">ZEVRAN ARAINAI</a> × <a href="/profile.php?id=313" title="профиль">зевран араннай</a></p>

<h3>Ennead</h3><br>
<p><a href="/viewtopic.php?id=285" title="анкета">HORUS</a> × <a href="/profile.php?id=128" title="профиль">гор</a></p>
<p><a href="/viewtopic.php?id=284" title="анкета">SETH</a> × <a href="/profile.php?id=127" title="профиль">сет</a></p>

<h3>Genshin impact</h3><br>
<p><a href="/viewtopic.php?id=657" title="анкета">ALHAITHAM</a> × <a href="/profile.php?id=261" title="профиль">альхайтам</a></p>
<p><a href="/viewtopic.php?id=573" title="анкета">BONANUS</a> × <a href="/profile.php?id=225" title="профиль">бонанас</a></p>
<p><a href="/viewtopic.php?id=726" title="анкета">CYNO</a> × <a href="/profile.php?id=176" title="профиль">сайно</a></p>
<p><a href="/viewtopic.php?id=282" title="анкета">DANSLEIF</a> × <a href="/profile.php?id=111" title="профиль">дайнслейф</a></p>
<p><a href="/viewtopic.php?id=258" title="анкета">DILUC RAGNVINDR </a> × <a href="/profile.php?id=114" title="профиль">дилюк рагнвиндр</a></p>
<p><a href="/viewtopic.php?id=714" title="анкета">FLAMES LECTOR</a> × <a href="/profile.php?id=253" title="профиль">пиро чтец</a></p>
<p><a href="/viewtopic.php?id=690" title="анкета">SHIKANOIN HEIZOU</a> × <a href="/profile.php?id=277" title="профиль">шиканоин хэйдзо</a></p>
<p><a href="/viewtopic.php?id=571" title="анкета">INDARIAS</a> × <a href="/profile.php?id=220" title="профиль">индариас</a></p>
<p><a href="/viewtopic.php?id=827" title="анкета">KAEYA ALBERICH</a> × <a href="/profile.php?id=314" title="профиль">кэйя алберих</a></p>
<p><a href="/viewtopic.php?id=53" title="анкета">KAMISATO AYATO</a> × <a href="/profile.php?id=24" title="профиль">камисато аято</a></p>
<p><a href="/viewtopic.php?id=692" title="анкета">KAVEH</a> × <a href="/profile.php?id=138" title="профиль">каве</a></p>
<p><a href="/viewtopic.php?id=636" title="анкета">LUMINE</a> × <a href="/profile.php?id=252" title="профиль">люмин</a></p>
<p><a href="/viewtopic.php?id=546" title="анкета">PAIMON</a> × <a href="/profile.php?id=217" title="профиль">паймон</a></p>
<p><a href="/viewtopic.php?id=745"  title="анкета">ROSARIA</a> × <a href="/profile.php?id=291"  title="анкета">розария</a></p>
<p><a href="/viewtopic.php?id=701" title="анкета">TIGHNARI</a> × <a href="/profile.php?id=139" title="профиль">тигнари</a></p>
<p><a href="/viewtopic.php?id=48" title="анкета">THOMA</a> × <a href="/profile.php?id=16" title="профиль">тома</a></p>
<p><a href="/viewtopic.php?id=368" title="анкета">XIAO</a> × <a href="/profile.php?id=155" title="профиль">сяо</a></p>
<p><a href="/viewtopic.php?id=122" title="анкета">ZHONGLI</a> × <a href="/profile.php?id=61" title="профиль">чжун ли</a></p>

<h3>Gravity falls</h3><br>
<p><a href="/viewtopic.php?id=329" title="анкета">BILL CIPHER </a> × <a href="/profile.php?id=145" title="профиль">билл сайфер</a></p>
<p><a href="/viewtopic.php?id=87" title="анкета">MABEL PINES</a> × <a href="/profile.php?id=44" title="профиль">мейбл пайнс</a></p>
</section>

<section>
<h3>Harry Potter wizarding world / Hogwarts legacy</h3><br>
<p><a href="/viewtopic.php?id=839"  title="анкета">MARION LAMB</a> × <a href="/profile.php?id=320" title="профиль">мэрион лэмб</a></p>

<h3>Haikyuu!!</h3><br>
<p><a href="/viewtopic.php?id=64" title="анкета">AKAASHI KEIJI</a> × <a href="/profile.php?id=36" title="профиль">акааши кейджи</a></p>
<p><a href="/viewtopic.php?id=52" title="анкета">BOKUTO KOTARO</a> × <a href="/profile.php?id=23" title="профиль">бокуто котаро</a></p>
<p><a href="/viewtopic.php?id=302" title="анкета">TSUKISHIMA KEI</a> × <a href="/profile.php?id=130" title="профиль">цукишима кей</a></p>

<h3>Jujutsu Kaisen</h3><br>
<p><a href="/viewtopic.php?id=311" title="анкета">ITADORI YUJI</a> × <a href="/profile.php?id=124" title="профиль">итадори юдзи</a></p>
<p><a href="/viewtopic.php?id=429" title="анкета">KUGISAKI NOBARA</a> × <a href="/profile.php?id=177" title="профиль">кугисаки нобара</a></p>
<p><a href="/viewtopic.php?id=430" title="анкета">MEGUMI FUSHIGURO</a> × <a href="/profile.php?id=125"  title="профиль">мегуми фушигуро</a></p>

</section>

<section>
<h3>Life is strange</h3><br>
<p><a href="/viewtopic.php?id=705" title="анкета">CHLOE PRICE</a> × <a href="/profile.php?id=280" title="профиль">хлоя прайс</a></p>

<h3>Marvel</h3><br>
<p><a href="/viewtopic.php?id=728" title="анкета">LOKI LAUFEYSON</a> × <a href="/profile.php?id=285" title="профиль">локи лафейсон</a></p>
<p><a href="/viewtopic.php?id=101" title="анкета">WANDA MAXIMOFF</a> × <a href="/profile.php?id=6" title="профиль">ванда максимофф</a></p>

<h3>Mass Effect</h3><br>
<p><a href="/viewtopic.php?id=764"  title="анкета">JANE SHEPARD</a> × <a href="/profile.php?id=296"  title="профиль">джейн шепард</a></p>
<p><a href="/viewtopic.php?id=673"  title="анкета">LIARA T`SONI</a> × <a href="/profile.php?id=270"  title="профиль">лиара т`сони</a></p>

<h3>Nu: carnival</h3><br>
<p><a href="/viewtopic.php?id=541" title="анкета">BLADE</a> × <a href="/profile.php?id=210" title="профиль">блейд</a></p>
<p><a href="/viewtopic.php?id=453" title="анкета">DANTE</a> × <a href="/profile.php?id=189" title="профиль">данте</a></p>
<p><a href="/viewtopic.php?id=249" title="анкета">EDMOND</a> × <a href="/profile.php?id=110" title="профиль">эдмонд</a></p>
<p><a href="/viewtopic.php?id=279" title="анкета">EIDEN</a> × <a href="/profile.php?id=126" title="профиль">эйден</a></p>
<p><a href="/viewtopic.php?id=845" title="анкета">KUYA</a> × <a href="/profile.php?id=324" title="профиль">куя</a></p>
<p><a href="/viewtopic.php?id=312" title="анкета">OLIVINE</a> × <a href="/profile.php?id=135" title="профиль">оливайн</a></p>
<p><a href="/viewtopic.php?id=846" title="анкета">QUINCY</a> × <a href="/profile.php?id=323" title="профиль>квинси</a></p>
<p><a href="/viewtopic.php?id=280" title="анкета">YAKUMO</a> × <a href="/profile.php?id=123" title="профиль">якумо</a></p>

<h3>Overwatch</h3><br>
<p><a href="/viewtopic.php?id=462" title="анкета">AMELIE LACROIX</a> × <a href="/profile.php?id=190" title="профиль">амели лакруа</a></p>
<p><a href="/viewtopic.php?id=410" title="анкета">ANA AMARI</a> × <a href="/profile.php?id=80" title="профиль">ана амари</a></p>
<p><a href="/viewtopic.php?id=777" title="анкета">ANGELA ZIEGLER</a> × <a href="/profile.php?id=298"  title="профиль">ангела циглер</a></p>
<p><a href="/viewtopic.php?id=244" title="анкета">GABRIEL REYES</a> × <a href="/profile.php?id=109" title="профиль">габриэль рейес</a></p>
<p><a href="/viewtopic.php?id=783" title="анкета">HANZO SHIMADA</a> × <a href="/profile.php?id=186" title="профиль">ханзо шимада</a></p>
<p><a href="/viewtopic.php?id=407" title="анкета">JESSE MCCREE</a> × <a href="/profile.php?id=166" title="профиль">джесси маккри</a></p>
<p><a href="/viewtopic.php?id=409" title="анкета">LENA OXTON</a> × <a href="/profile.php?id=169" title="профиль">лена окстон</a></p>
<p><a href="/viewtopic.php?id=303" title="анкета">MOIRA O`DEORAIN</a> × <a href="/profile.php?id=122" title="профиль">мойра о`доран</a></p>
<p><a href="/viewtopic.php?id=446" title="анкета">SIGMA</a> × <a href="/profile.php?id=185" title="профиль">сигма</a></p>
<p><a href="/viewtopic.php?id=59" title="анкета">SOMBRA</a> × <a href="/profile.php?id=30" title="профиль">сомбра</a></p>
</section>

<section>
<h3>the Scum Villain's Self-Saving System</h3><br>
<p><a href="/viewtopic.php?id=689" title="анкета">LUO BINGHE</a> × <a href="/profile.php?id=118" title="профиль">ло бинхэ</a></p>
<p><a href="/viewtopic.php?id=732" title="анкета">SHEN QINGQIU</a> × <a href="/profile.php?id=175" title="профиль">шэнь цинцю</a></p>

<h3>Spy × Family</h3><br>
<p><a href="/viewtopic.php?id=781" title="анкета">ANYA FORGER</a> × <a href="/profile.php?id=300" title="профиль">аня форджер</a></p>
<p><a href="/viewtopic.php?id=785" title="анкета">LOID FORGER</a> × <a href="/profile.php?id=302" title="профиль">лойд форджер</a></p>
<p><a href="/viewtopic.php?id=791" title="анкета">YOR FORGER</a> × <a href="/profile.php?id=301" title="профиль">йор форджер</a></p>

<h3>Shingeki no kyojin</h3><br>
<p><a href="/viewtopic.php?id=574" title="анкета">SASHA BRAUS</a> × <a href="/profile.php?id=174" title="профиль">саша браус</a></p>

<h3>Star trek</h3><br>
<p><a href="/viewtopic.php?id=669" title="анкета">LEONARD MCCOY</a> × <a href="/profile.php?id=267" title="профиль">леонард маккой</a></p>

<h3>Star wars</h3><br>
<p><a href="/viewtopic.php?id=667" title="анкета">OBI-WAN KENOBI</a> × <a href="/profile.php?id=264" title="профиль">оби-ван кеноби</a></p>


<h3>Stranger things</h3><br>
<p><a href="/viewtopic.php?id=583" title="анкета">DUSTIN HENDERSON</a> × <a href="/profile.php?id=229" title="профиль">дастин хендерсон</a></p>
<p><a href="/viewtopic.php?id=608" title="анкета">ELEVEN</a> × <a href="/profile.php?id=234" title="профиль">одиннадцать</a></p>
</section>

<section>
<h3>Teen wolf</h3><br>
<p><a href="/viewtopic.php?id=833" title="анкета">MIECZYSLAW "STILES" STILINSKI</a> × <a href="h/profile.php?id=247"  title="профиль">мечислав "стайлз" стилински</a></p>


<h3>Tian guan ci fu | Heaven official's blessing</h3><br>
<p><a href="/viewtopic.php?id=355" title="анкета">HUA CHENG</a> × <a href="/profile.php?id=151" title="профиль">хуа чен</a></p>
<p><a href="/viewtopic.php?id=433" title="анкета">SHI QINGXUAN</a> × <a href="/profile.php?id=178" title="профиль">ши цинсюань</a></p>


<h3>Tokyo revengers</h3><br>
<p><a href="/viewtopic.php?id=443" title="анкета">MANJIRO SANO</a> × <a href="/profile.php?id=183" title="профиль">манджиро сано</a></p>
<p><a href="/viewtopic.php?id=504" title="анкета">RYUGUJI KEN</a> × <a href="/profile.php?id=184" title="профиль">кен рюгуджи</a></p>

<h3>To your Eternity</h3><br>
<p><a href="/viewtopic.php?id=523" title="анкета">FUSHI</a> × <a href="/profile.php?id=207" title="профиль">фуши</a></p>

<h3>Twisted wonderland</h3><br>
<p><a href="/viewtopic.php?id=503" title="анкета">DIRE CROWLEY</a> × <a href="/profile.php?id=203" title="профиль">дайар кроули</a></p>
<p><a href="/viewtopic.php?id=507" title="анкета">DIVUS CREWEL</a> × <a href="/profile.php?id=204" title="профиль">дивус круэл</a></p>

<h3>Valorant</h3><br>
<p><a href="/viewtopic.php?id=832" title="анкета">FADE</a> × <a href="/profile.php?id=295" title="профиль">фейт</a></p>
</section>

<section>
<h3>X - Y - Z - #</h3><br>
<p>пока тут нет фэндомов, но ты можешь быть первым </p>
</section>

<section>
<h3>0-9</h3><br>
<p>пока тут нет фэндомов, но ты можешь быть первым </p>
</section>

</div>
</div>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26671.js"></script>
<style>
.tabs-role {  box-shadow: none !important; }
</style>
Код:
<p><a href="ссылка на анкету">ИМЯ И ФАМИЛИЯ ПЕСОНАЖА [англ.]</a> × <a href="ссылка на профиль">имя и фамилия песонажа [рус.]</a></p>