Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC" rel="stylesheet">
<style>
.bh {width:550px;margin-top:0em; background: url(http://funkyimg.com/i/2q3Hf.png) 0 top no-repeat,url(http://funkyimg.com/i/2q3Hg.png) 0px bottom no-repeat, url(http://funkyimg.com/i/2q3Hh.png) 0 top repeat-y;}
.tex {   font-family:Playfair Display SC;color: #615e5a; text-align: center; padding-top: 10px;line-height: 100%;font-size: 24px; width: 90%; }
.tex1 { font-family:arial;color: #615e5a; text-align: center; font-size: 10px; width: 90%; }
.ostx {font-family:arial;color: #000; text-align: justify;font-size: 12px; width: 90%; padding: 15px}

</style>
<center><div class="bh">
<div class="tex">roles </div>
<div class="ostx"><table><tr>
<td valign="top"><div style="text-align: justify; padding: 0px 10px;">

<table>

<tr>
<td valign="top"><div style="text-align: center; padding: 0px 10px;">
<div class="qnamet"><p  style="font-size: 16px"><b>vampires</b>, those who inspire</p></div><div class="qlinett"></div><a href="http://bloodlinestvd.rusff.ru/profile.php?id=92"><b>Alex Drake</b> <sup>n</sup></a><br>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=14"><b>Amy Collins</b> <sup>n</sup></a><br>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=7"><b>Caroline Forbes</b> <sup>с</sup></a><br>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=88"><b>Damon Salvatore</b> <sup>c</sup></a><br>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=77"><b>Elena Gilbert</b> <sup>c</sup></a><br>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=94"><b>Katerina Petrova</b> <sup>с</sup></a><br>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=10"><b> Rebekah Mikaelson</b> <sup>c</sup></a><br>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=75"><b>Stefan Salvatore</b> <sup>с</sup></a><br>
Marcel Gerard<br>
Josh Rosza<br>
Sofya<br>
<br>
</div></td>

<td valign="top"><div style="text-align: center; padding: 0px 10px;">
<div class="qnamet"><p  style="font-size: 16px"><b>witch</b> is power</p></div><div class="qlinett"></div>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=89"><b>Bonnie Bennett</b> <sup>c</sup></a><br>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=85"><b>Davina Claire</b> <sup>c</sup></a><br>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=6"><b> Freya Mikaelson</b> <sup>с</sup></a><br>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=91"><b>James Melloni</b> <sup>n</sup></a><br>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=4"><b>Robin Gregory</b> <sup>n </sup></a><br>
Vincent Griffith

<br>
</div></td>
</tr>

<tr>
<td valign="top"><div style="text-align: center; padding: 0px 10px;">
<div class="qnamet"><p  style="font-size: 16px">i'm just a <b>human</b></p></div><div class="qlinett"></div>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=95"><b>Corben Brenner</b> <sup>n</sup></a><br>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=39"><b>Vicki Donovan</b> <sup>c</sup></a><br>

Detective Will Kinney<br>
Matt Donovan<br>
</div></td>

<td valign="top"><div style="text-align: center; padding: 0px 10px;">
<div class="qnamet"><p  style="font-size: 16px">murder one and you're a <b>werewolf</b></p></div><div class="qlinett"></div>

</div></td>
</tr>
<tr>
<td valign="top"><div style="text-align: center; padding: 0px 10px;">
<div class="qnamet"><p  style="font-size: 16px"><b>other creatures</b>, immortal and dangerous</p></div><div class="qlinett"></div>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=65"><b>Cade, ancient warlock, telepath</b> <sup>c</sup></a><br>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=30"><b>Valerie Tulle, heretic</b> <sup>c</sup></a><br>

<br>
</div></td><td valign="top"><div style="text-align: center; padding: 0px 10px;">
<div class="qnamet"><p  style="font-size: 16px"><b>hybrid</b>,two entities within</p></div><div class="qlinett"></div>
<a href="http://bloodlinestvd.rusff.ru/profile.php?id=76"><b>Hope Mikaelson</b> <sup>c</sup></a><br>
<br>
</div></td></tr><tr>
<td colspan="2"; valign="top"><div style="text-align: center; padding: 0px 10px;">
<div class="qnamet"><p  style="font-size: 16px">your life is a struggle<b>Hunter</b></p></div><div class="qlinett"></div>
Jeremy Gilbert<br><br><br><br><br><br>
<br>
</div></td></tr>
</table></div>


Код:
<a href="ссылка на профиль"><b>имя персонажа на английском</b> <sup>буква</sup></a><br>


c — канон
n — неканон
не забываем указывать расу персонажа