личное дело
[html]
<center>
<div class="persfile"><div class="upfon"><img src="https://forumstatic.ru/files/001b/d4/8f/30820.png?v=1"></div>
<div class="persinfotabs">
  <input type="radio" name="tab-btn" id="tab-btn-1" value="" checked>
  <label for="tab-btn-1">инфо</label>
  <input type="radio" name="tab-btn" id="tab-btn-2" value="">
  <label for="tab-btn-2">плашки</label>
  <input type="radio" name="tab-btn" id="tab-btn-3" value="">
  <label for="tab-btn-3">подарки</label>

<!------------ СЮДА СТАВИМ ВСЮ ИНФУ ------------->
  <div id="content-1">
    <div class="persava"><img src="https://i.ibb.co/FwcWqQx/a5a67fd846b30e5d809f5740dc9d99d1.jpg"></div>
<div class="persinfo">
<div class="persname">Giselle Kang</div>
<div class="perscitata">everyone you meet is fighting a battle <br>you know nothing about</div>
<div class="persdata">
<div class="persdataline">► <p>чистокровная</p></div>
<div class="persdataline">► <p>хаффлпафф, 7 курс</p></div>
<div class="persdataline">► <p>дуэльный клуб // колдомедицина // факультативы по зоти и зельеварению</p></div>
<div class="persdataline">► <p>верна семье,  имеет <a href="https://hogwartslegacy.rusff.me/profile.php?id=222">личный сорт веселящего эля</a> и, кажется, немножко влюблена в <a href="https://hogwartslegacy.rusff.me/profile.php?id=175">милого брата своей подруги</a></p></div>
</div>
</div>
  </div>

<!------------ СЮДА СТАВИМ ПЛАШКИ ------------->
  <div id="content-2">
    <div class="persplash">
<img src="https://forumupload.ru/uploads/001b/d4/8f/5/85882.png">
<img src="https://forumupload.ru/uploads/001b/d4/8f/209/62434.gif">

</div>
  </div>

<!------------ СЮДА СТАВИМ ПОДАРКИ ------------->
  <div id="content-3">
    <div class="perspodarok">
<img src="КАРТИНКА" title="текст">

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