Код:
<!--HTML-->
<center>
<div style="width: 540px; height: auto; background: #d0dcd0; padding: 20px; box-shadow:3px 3px 5px #888888; -moz-box-shadow: 3px 3px 5px #888888; -webkit-box-shadow: 3px 3px 5px #888888; -o-box-shadow:3px 3px 5px #888888;">
<div><img src="https://i.imgur.com/2MDGev7.png" style="box-shadow: 3px 4px 3px;"></div>
<div style="font-family: arial -webkit-body3; padding: 10px; font-weight: bolder; text-shadow: 1px 0px 1px #aeb9b7; font-size: 16px; color: #376559;">СПИСОК ПЕРСОНАЖЕЙ</div>

<div style="width: 500px; height: 80px; font-size: 13px; color: #1f3733; overflow: auto; text-align: justify; padding-top: 10px;">

• В список заносятся только занятые роли. Если Вы кого-то не нашли, значит, он свободен на нашем проекте.
</div>

<div style="width: 500px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">shapeshifter</div>

<table><tbody><tr>
<td style=" vertical-align: top;"><center><div style="width: 200px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">werewolfs</div>
<div style="width: 250px; padding: 15px 0; font-size: 10px; line-height: 150%; text-align: justify; height: auto;">

<center><a href="https://twmasquerade.rusff.me/profile.php?id=7"><b>Isaac Lahey</b></a><br>
<a href="https://twmasquerade.rusff.me/profile.php?id=4"><b>Julianna Cutler</b></a><br>
<a href="https://twmasquerade.rusff.me/profile.php?id=9"><b>Samantha Monroe</b></a><br>
</center>
<br>


</div>
</center></td>

<td style=" vertical-align: top;"><center><div style="width: 200px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">werecoyotes</div>
<div style="width: 250px; padding: 15px 0; font-size: 10px; line-height: 150%; text-align: justify; height: auto;">

<center><a href="https://twmasquerade.rusff.me/profile.php?id=5"><b>Malia Tate</b></a><br>
</center>
<br>

</div>
</center></td>


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

<table><tbody><tr>
<td style=" vertical-align: top;"><center><div style="width: 200px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">kitsune</div>
<div style="width: 250px; padding: 15px 0; font-size: 10px; line-height: 150%; text-align: justify; height: auto;">

<center>имя
</center>
<br>


</div>
</center></td>

<td style=" vertical-align: top;"><center><div style="width: 200px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">Kanima</div>
<div style="width: 250px; padding: 15px 0; font-size: 10px; line-height: 150%; text-align: justify; height: auto;">

<center>имя
</center>
<br>

</div>
</center></td>


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

<table><tbody><tr>
<td style=" vertical-align: top;"><center><div style="width: 200px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">wendigo</div>
<div style="width: 250px; padding: 15px 0; font-size: 10px; line-height: 150%; text-align: justify; height: auto;">

<center>имя
</center>
<br>


</div>
</center></td>

<td style=" vertical-align: top;"><center><div style="width: 200px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">were - jaguar</div>
<div style="width: 250px; padding: 15px 0; font-size: 10px; line-height: 150%; text-align: justify; height: auto;">

<center>имя
</center>
<br>

</div>
</center></td>


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

<table><tbody><tr>
<td style=" vertical-align: top;"><center><div style="width: 200px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">hellhound</div>
<div style="width: 250px; padding: 15px 0; font-size: 10px; line-height: 150%; text-align: justify; height: auto;">

<center>имя
</center>
<br>


</div>
</center></td>

<td style=" vertical-align: top;"><center><div style="width: 200px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">guls</div>
<div style="width: 250px; padding: 15px 0; font-size: 10px; line-height: 150%; text-align: justify; height: auto;">

<center>имя
</center>
<br>

</div>
</center></td>


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

<div style="width: 500px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">humans</div>

<table><tbody><tr>
<td style=" vertical-align: top;"><center><div style="width: 200px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">hunters</div>
<div style="width: 250px; padding: 15px 0; font-size: 10px; line-height: 150%; text-align: justify; height: auto;">

<center>имя
</center>
<br>


</div>
</center></td>

<td style=" vertical-align: top;"><center><div style="width: 200px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">druids</div>
<div style="width: 250px; padding: 15px 0; font-size: 10px; line-height: 150%; text-align: justify; height: auto;">

<center><a href="https://twmasquerade.rusff.me/profile.php?id=8"><b>Jonathan Pandova</b></a><br>
</center>
<br>

</div>
</center></td>


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

<div style="width: 500px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">humans</div>

<table><tbody><tr>
<td style=" vertical-align: top;"><center><div style="width: 200px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">darachs</div>
<div style="width: 250px; padding: 15px 0; font-size: 10px; line-height: 150%; text-align: justify; height: auto;">

<center>имя
</center>
<br>


</div>
</center></td>

<td style=" vertical-align: top;"><center><div style="width: 200px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">banshee</div>
<div style="width: 250px; padding: 15px 0; font-size: 10px; line-height: 150%; text-align: justify; height: auto;">

<center><a href="https://twmasquerade.rusff.me/profile.php?id=6"><b>Lydia Martin</b></a><br>
</center>
<br>

</div>
</center></td>


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

<div style="width: 500px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">humans</div>

<table><tbody><tr>
<td style=" vertical-align: top;"><center><div style="width: 200px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">others</div>
<div style="width: 250px; padding: 15px 0; font-size: 10px; line-height: 150%; text-align: justify; height: auto;">

<center>имя
</center>
<br>


</div>
</center></td>

<td style=" vertical-align: top;"><center><div style="width: 200px; height: 25px; background: #376559; font-family: arial -webkit-body; font-size: 16px; text-transform: lowercase; color: #d8dcd2; line-height: 24px;">-</div>
<div style="width: 250px; padding: 15px 0; font-size: 10px; line-height: 150%; text-align: justify; height: auto;">

<center>
</center>
<br>

</div>
</center></td>


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


</div>
</center>