.
[html]
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0016/45/66/71793.css?v=131">

<div id="profoform">

<div id="bptab">

<div class="bats">

<input id="ptab1" type="radio" name="tabs" checked="">
<label for="ptab1" title="Сведения">Сведения</label>

<input id="ptab2" type="radio" name="tabs">
<label for="ptab2" title="Инвентарь">Инвентарь</label>

<input id="ptab3" type="radio" name="tabs">
<label for="ptab3" title="Дополнительно">Дополнительно</label>

<section id="pcontent1">
<!--КАРТОЧКА--!>
<div class="perskart">
<!--КАРТИНКА АВТОУЖИМАЕТСЯ--!>
<div class="fotka">
<img src="картинка, ужмется до 350х180">
</div>

<!--ОПЕРАТИВНЫЕ ДАННЫЕ--!>
<div class="osob">
<div class="osobN">оперативные данные</div>
<p>●
</p>
</div>
</div>

<!--ЭФФЕКТЫ--!>
<div class="eff">
<div class="effN">действующие эффекты</div>

<!--ОТРИЦАТЕЛЬНЫЕ ЭФФЕКТЫ--!>
<div class="effO">
<div class="effON">отрицательные</div>
<p>
●
</p></div>

<!--ПОЛОЖИТЕЛЬНЫЕ ЭФФЕКТЫ--!>
<div class="effP">
<div class="effPN">положительные</div>
<p>
●
</p></div></div>

<!--ДРУГИЕ ПЕРСОНАЖИ--!>
<div class="drugp"><div class="drugpN">также известен как</div>
<p>

</p></div>
</section> 

<section id="pcontent2">
<!---БАЛАНС--!>
<div class="balans"><div class="balansT">ТЕКУЩИЙ БАЛАНС:</div> <div class="balansZ"><b>0</b> монеток, <b>0</b> жетонов</div>
</div>

<!--БАНКОВСКИЕ ОПЕРАЦИИ--!>
<div class="oper">
<div class="operN">операции</div>
<p>

</p>
</div>

<!--ИНВЕНТАРЬ--!>
<div class="invent">
<div class="inventN">инвентарь</div>
<p>

</p>
</div>

<!--ЖЕТОНЫ--!>
<div class="get">
<div class="getN">жетоны</div>
<p>

</p>
</div>

</section> 

<section id="pcontent3">

<!--ПОДАРКИ--!>
<div class="podar">
<div class="podarN">ПОДАРКИ</div>
<div class="podarT">
<table>

</table>
</div>
</div>

<!--ПРЕДУПРЕЖДЕНИЯ--!>
<div class="block"><div class="blockN">предупреждения</div>
<p>

</p>
</div>

</section> 
</div>

</div></div>

[/html]