Код:
<!--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>