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

<div class="maintit">Список персонажей</div>
<center><div class="maintxt">
Система занятости персонажей очень проста: увидели имя желаемого персонажа в списке - <b>занят</b>. Не нашли имя желаемого персонажа - <b>роль свободна</b>. Удостовериться в том, что роль свободна можно в гостевой спросив администрацию или просмотрев список придержанных персонажей. </center>
<center><div style="font-size: 14px; font-family: kelly slab;"><b>УСЛОВНЫЕ ОБОЗНАЧЕНИЯ:</b></div></center>
<table><tr>
<td style="vertical-align: top"><center><div class="maintxt"><b>MM</b> — Министерство магии<br>
<b>SM</b> — Больница Св. Мунго<br>
<b>ED</b> — преподаватели Хогвартса<br>
<b>QU</b> — профессиональные игроки в квиддич<br>
<b>PR</b> — работники СМИ<br>
<b>G[3] / S[4] / R[5] / H[6]</b> — факультет и курс для<br>учеников Хогвартса</div></center></td>
<td style="vertical-align: top"><center><div class="maintxt"><b>SH</b> — работники магазинов, баров и пр. заведений<br>
<b>EM</b> — владельцы собственного бизнеса <br>
<b>UN</b> — безработный<br>
<b>DE</b> — Пожиратели Смерти<br>
<b>OP</b> — Орден Феникса<br>
<b>N</b> — нейтралитет<br></div>
</center></td>
</tr>
</table>
</div></center>
<center><div class='osn'>
<div style="overflow: scroll; overflow-x: hidden; width: 550px; height: 400px;">
<br>

<table><tr><td style="vertical-align: top"><center><div class="naz"><b>A</b></div><br>
<hr>
<br>-
</center></td><td style="vertical-align: top"><center><div class="naz"><b>B</b></div><br>
<hr>
<br><a href="http://timedest.rusff.me/profile.php?id=3"><b>Bellatrix Black</b></a> ♦ <i>DE</i>

</center></td></tr></table>
<table><tr><td style="vertical-align: top"><center><div class="naz"><b>C</b></div><br>
<hr>
<br>-

</center></td><td style="vertical-align: top"><center><div class="naz"><b>D</b></div><br>
<hr>
<br>-

</center></td></tr></table>

<table><tr><td style="vertical-align: top"><center><div class="naz"><b>E</b></div><br>
<hr>
<br>-

</center></td><td style="vertical-align: top"><center><div class="naz"><b>F</b></div><br>
<hr>
<br>-

</center></td></tr></table>

<table><tr><td style="vertical-align: top"><center><div class="naz"><b>G</b></div><br>
<hr>
<br>-

</center></td><td style="vertical-align: top"><center><div class="naz"><b>H</b></div><br>
<hr>
<br>-

</center></td></tr></table>

<table><tr><td style="vertical-align: top"><center><div class="naz"><b>I</b></div><br>
<hr>
<br>-

</center></td><td style="vertical-align: top"><center><div class="naz"><b>J</b></div><br>
<hr>
<br><a href="http://timedest.rusff.me/profile.php?id=5"><b>James Potter</b></a> ♦ <i>G[6], N</i>

</center></td></tr></table>
<table><tr><td style="vertical-align: top"><center><div class="naz"><b>K</b></div><br>
<hr>
<br>-

</center></td><td style="vertical-align: top"><center><div class="naz"><b>L</b></div><br>
<hr>
<br><a href="http://timedest.rusff.me/profile.php?id=4"><b>Lily Evans</b></a> ♦ <i>G[6], N</i>

</center></td></tr></table>

<table><tr><td style="vertical-align: top"><center><div class="naz"><b>M</b></div><br>
<hr>
<br><a href="http://timedest.rusff.me/profile.php?id=7"><b>Marlene McKinnon</b></a> ♦ <i>G[6], N</i>

</center></td><td style="vertical-align: top"><center><div class="naz"><b>N</b></div><br>
<hr>
<br>-

</center></td></tr></table>

<table><tr><td style="vertical-align: top"><center><div class="naz"><b>O</b></div><br>
<hr>
<br>-

</center></td><td style="vertical-align: top"><center><div class="naz"><b>P</b></div><br>
<hr>
<br>-

</center></td></tr></table>

<table><tr><td style="vertical-align: top"><center><div class="naz"><b>Q</b></div><br>
<hr>
<br>-

</center></td><td style="vertical-align: top"><center><div class="naz"><b>R</b></div><br>
<hr>
<br>-

</center></td></tr></table>
<br>
<table><tr><td style="vertical-align: top"><center><div class="naz"><b>S</b></div><br>
<hr>
<br><a href="http://timedest.rusff.me/profile.php?id=6"><b>Sirius Black</b></a> ♦ <i>G[6], N</i>

</center></td><td style="vertical-align: top"><center><div class="naz"><b>T</b></div><br>
<hr>
<br>-

</center></td></tr></table>
<table><tr><td style="vertical-align: top"><center><div class="naz"><b>U</b></div><br>
<hr>
<br>-

</center></td><td style="vertical-align: top"><center><div class="naz"><b>V</b></div><br>
<hr>
<br>-

</center></td></tr></table>

<table><tr><td style="vertical-align: top"><center><div class="naz"><b>W</b></div><br>
<hr>
<br>-

</center></td><td style="vertical-align: top"><center><div class="naz"><b>X</b></div><br>
<hr>
<br>-

</center></td></tr></table>

<table><tr><td style="vertical-align: top"><center><div class="naz"><b>Y</b></div><br>
<hr>
<br>-

</center></td><td style="vertical-align: top"><center><div class="naz"><b>Z</b></div><br>
<hr>
<br>-

</center></td></tr></table></div>
</div>
<br></div></center>

<style type="text/css">
.osn {position:relative; width: 550px; height: 400px; border-bottom: solid 7px #0f0603; border-top: solid 7px #0f0603;}
.naz {text-align:center; font-size:14px; font-family: kelly slab; color: #0f0603; line-height:100%; text-transform: uppercase;}
</style>
Код:
<!--HTML-->
<center><div class="maintit2">вписать персонажа</div></center>
Код:
<br><a href="ссылка на профиль"><b>Имя персонажа на англ.</b></a> ♦ <i>занятость персонажа, сторона (OP, DE или N)</i>