личное дело
[html]
<center>
<div class="persfile"><div class="upfon"><img src="https://forumstatic.ru/files/001b/d4/8f/30820.png"></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.imgur.com/OUTIXCj.png"></div>
<div class="persinfo">
<div class="persname">Phineas Black</div>
<div class="perscitata">Я вызываю судьбу на дуэль.
<br>Мне наплевать кто охотник, кто цель.</div>
<div class="persdata">
<div class="persdataline">► <p>чистокровен</p></div>
<div class="persdataline">► <p>gryffindor'6</p></div>
<div class="persdataline">► <p>Продвинутый курс Трансфигурации, Колдомедицина, Зельеварение, Квиддич (ловец), Артефактология</p></div>
<div class="persdataline">► <p>Палочка — кедр, перо феникса. 12 1/2дм Умеренной гибкости<br>Анимагическая (незарегистрированная) форма - сокол</p></div>
</div>
</div>
  </div>

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

</div>
  </div>

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

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

Подпись автора