Код:
<!--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">
  <input type="radio" id="tab9" name="tab-control">

  <ul style="max-height: 450px;">
    <li title="Общее"><label for="tab1" role="button"><span>Общее</span></label></li>
    <li title="Общение"><label for="tab2" role="button"><span>Общение</span></label></li>
    <li title="Регистрация"><label for="tab3" role="button"><span>Регистрация</span></label></li>
    <li title="Твинки"><label for="tab4" role="button"><span>Твинки</span></label></li>    
    <li title="Неканоны"><label for="tab5" role="button"><span>Неканоны</span></label></li>   
    <li title="Заявки"><label for="tab6" role="button"><span>Заявки</span></label></li>   
    <li title="Графика"><label for="tab7" role="button"><span>Графика</span></label></li>
    <li title="Отсутствие/уход"><label for="tab8" role="button"><span>Отсутствие/уход</span></label></li>
    <li title="Игра"><label for="tab9" role="button"><span>Игра</span></label></li>
</br>
  </ul>
  
<div class="content">
<section>

<h2>Общее</h2><br>
<p>❢ Жанр: кроссовер<br>
❢ Система игры: эпизодическая<br>
❢ Рейтинг: NC-21<br>
❢ Тип мастеринга: пассивный<br>
❢ АМС: любят красивые посты, каст "Магической битвы" (шутка, все касты) и вкусно покушац. Как самый главный и важный админ на вопросы отвечает <strong><a href="/profile.php?id=2">Your best friend</a></strong>, принимают новых персонажей и следят за дисциплиной <strong><a href="/profile.php?id=7">Gavin Reed</a></strong> и <strong><a href="/profile.php?id=5">Robin Cousland</a></strong>, связи с общественностью поддерживает <strong><a href="/profile.php?id=44">Mabel Pines</a></strong>. <br></p>
</section>

<section>
<h2>Общение</h2><br>
<p>❢ Мы полностью поддерживаем свободу слова и право каждого игрока на собственное мнение. Но мы призываем придерживаться этичности и не превращать дискуссию в конфликт. АМС оставляет за собой право вмешиваться в конфликты для их урегулирования, если они происходят в публичном пространстве, например, во флуде.</p>
<p>❢ Убедительно просим вас решать любые конфликты в личных сообщениях или мессенджер, а не выносить их на всеобщее обозрение. За нарушение этого правила игроков ожидает предупреждение и профилактический бан, если он не прислушается к модератору или администратору и продолжит конфликт.</p>
</section>

<section>
<h2>Регистрация</h2><br>
<p>❢ Ники регистрируются исключительно латиницей. Логины, написанные кириллицей или с использованием символов, будут удаляться.<br>
❢ Роли придерживаются на <strong>7 дней</strong> для гостей и на <strong>30 дней</strong> для игроков.<br>
❢ На заполнение анкеты отводится <strong>7 дней</strong> со дня регистрации логина.<br>
❢ Если игрок по какой-то причине не может уложиться в указанные сроки, он должен предварительно сообщить об этом в Гостевой. На правки в анкете дается <strong>2 дня</strong>.</p>
</section>

<section>
<h2>Твинки</h2><br>
<p>❢ Игрок имеет право регистрировать твинков без каких-либо ограничений.</p>
<p>❢ Роли придерживаются за действующими игроками на <strong>30 дней</strong>.</p>
</section>

<section>
<h2>Неканоны</h2><br>
<p>❢  К игре допускаются не только канонические персонажи, но и авторские. Однако анкета для неканона пишется на общих основаниях, с указанием основных фактов биографии, описанием характера и прочих данных. Ваши соигроки должны иметь представление о том, с кем им предстоит взаимодействовать.</p>
</section>

<section>
<h2>Заявки</h2><br>
<p>❢  На нашем кроссовере нет форумной валюты, поэтому система выкупа роли заменена на <strong>автоматическое бронирование</strong> за игроком, написавшим заявку. Это означает, что его мнение будет учитываться при приеме, однако, если между заявителем и претендентом на роль возникнут разногласия, но у администрации не будет претензий, роль может быть отдана претенденту.</p>
<p>[i]NB![/i] Бронирование не распространяется на целый каст.</p>
</section>

<section>
<h2>Графика</h2><br>
<p>❢ Максимальный размер аватаров, как статики, так и гиф-изображений: <strong>180х180</strong> px. <br></p>
</section>

<section>
<h2>Отсутствие/уход</h2><br>
<p>❢ Если игрок пропадает без предупреждения и не выходит на связь в течение длительного времени (но до удаления аккаунта), его роль может быть передана другому желающему.</p>
<p>❢ Максимальный срок отсутствия без предупреждения на проекте <strong>30 дней</strong>.</p>
<p>❢ Чтобы избежать попадания в списки на удаления необходимо оставить 1 сообщение с профиля за <strong>30 дней</strong> в любой теме и иметь 1 игровой пост в любой категории за <strong>90 дней</strong>.</p>
</section>

<section>
<h2>Игра</h2><br>
<p>❢  Игра на форуме — хобби, а не работа, поэтому мы не придерживаемся строгих сроков написания постов. Тем не менее неактивные профили, не принимающие участия в ролевой игре более <strong>90 дней</strong> или не появлявшиеся на форуме дольше месяца, будут удаляться.</p>
<p>❢ На форуме разрешены посты эротического содержания (гет, слэш, фемслэш), сцены насилия, употребления алкоголя и наркотиков. Учитывайте это при регистрации аккаунта.</p>
</section>

</div>
</div>