Код:
<!--HTML--><div id="p6-content" class="post-content">
            <div class="htmldemo"><style>
.temstyle {width: 725px;height: 575px; padding: 0; background: url(http://sg.uploads.ru/KwCHq.png) top no-repeat, url(http://s9.uploads.ru/v7bPx.png) bottom no-repeat, url(http://s8.uploads.ru/CesXT.png) repeat-y; margin-top: 0px!important; margin-left: 6px;}
.contenttem {padding-top: 70px; padding-bottom: 50px; width: 550px;  color: #5f2f16; margin-left: 40px!important; 
min-height: 250px; font-family: 'Cuprum'; font-size: 12px;}</style>
<div class="temstyle"><div class="contenttem">
<div style="font-size: 16px; font-weight: bold; font-family: 'Bebas Neue'; display: inline;">

<div style="position: absolute;font-family: Comfortaa;MARGIN-TOP: 465PX;TEXT-TRANSFORM: uppercase;margin-left: 43px;overflow: auto;text-align: -webkit-left;FONT-SIZE: 12Px;color: #a0a0a0;text-shadow: 3px 1px 2px #000000, 0px 0px 0px rgba(0, 0, 0, 0.3);">Роль свободна</div>
<div style="position: absolute;font-family: Comfortaa;MARGIN-TOP: 465PX;TEXT-TRANSFORM: uppercase;margin-left: 277px;overflow: auto;text-align: -webkit-left;FONT-SIZE: 12Px;color: #f70000;text-shadow: 3px 1px 2px #000000, 0px 0px 0px rgba(0, 0, 0, 0.3);">Роль занята</div>
<div style="position: absolute;font-family: Comfortaa;MARGIN-TOP: 465PX;TEXT-TRANSFORM: uppercase;margin-left: 498px;overflow: auto;text-align: -webkit-left;FONT-SIZE: 12Px;color: #009606;text-shadow: 3px 1px 2px #000000, 0px 0px 0px rgba(0, 0, 0, 0.3);">Роль забита</div>

<!----------------------------A-B-C-D-------------------------------->
<div style="position: absolute;font-family: Comfortaa;LINE-HEIGHT: 12PX;MARGIN-TOP: 19PX;width: 202px;height: 191px;margin-left: 10px;overflow: auto;text-align: -webkit-left;">
<br>
<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Abaddon</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Демон</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Anael</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Ангел</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Arthur Ketch</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Охотник</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Asmodeus</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Демон</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Bartemus</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Демон</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Caine</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Демон</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #f70000;">Castiel</div></br><a href="http://l-supernatural.ru/profile.php?id=64"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Серафим</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Claire Novak</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Охотник</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Cole Trenton</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Охотник</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Crowley</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Демон</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Charlie Bradbury</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Охотник</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Dagon</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Демон</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #f70000;">Dean Winchester</div></br><a href="http://l-supernatural.ru/profile.php?id=120"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Охотник</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Drexel</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Демон</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">




</div>
<!----------------------------A-B-C-D.КОНЕЦ-------------------------------->

<!----------------------------E-F-G-H-------------------------------->
<div style="position: absolute; font-family: Comfortaa;LINE-HEIGHT: 12PX;MARGIN-TOP: 19PX;width: 202px;height: 191px;margin-left: 229px;overflow: auto;text-align: -webkit-left;"><br>

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Gabriel</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Архангел</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Gadreel</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Ангел</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Gael</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Демон</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">


<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Guthrie</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Демон</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Hannah</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Ангел</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">





</div>
<!----------------------------E-F-G-H.КОНЕЦ-------------------------------->


<!----------------------------I-J-K-L-------------------------------->
<div style="position: absolute;font-family: Comfortaa;LINE-HEIGHT: 12PX;MARGIN-TOP: 19PX;width: 202px;height: 191px;margin-left: 449px;overflow: auto;text-align: -webkit-left;"><br>

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Jody Mills</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Охотник</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Joshua</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Ангел</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #f70000;">Lucifer</div></br><a href="http://l-supernatural.ru/profile.php?id=229"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Архангел</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">




</div>
<!----------------------------I-J-K-L.КОНЕЦ-------------------------------->


<!----------------------------M-N-O-P-------------------------------->
<div style="position: absolute;font-family: Comfortaa;LINE-HEIGHT: 12PX;MARGIN-TOP: 265PX;width: 202px;height: 191px;margin-left: 10px;overflow: auto;text-align: -webkit-left;"><br>


<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Naomi</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Ангел</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Mag Masters</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Демон</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #f70000;">Mirage</div></br><a href="http://l-supernatural.ru/profile.php?id=3"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Дамнант</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">




</div>
<!----------------------------M-N-O-P.КОНЕЦ-------------------------------->

<!----------------------------Q-R-S-T-U-------------------------------->
<div style="position: absolute;font-family: Comfortaa;LINE-HEIGHT: 12PX;MARGIN-TOP: 265PX;width: 202px;height: 191px;margin-left: 231px;overflow: auto;text-align: -webkit-left;"><br>

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Ramiel</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Демон</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #a0a0a0;">Sam Winchester</div></br><a href="ССЫЛКА"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Охотник</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">

</div>
<!----------------------------Q-R-S-T-U.КОНЕЦ-------------------------------->

<!----------------------------V-W-X-Y-Z-------------------------------->
<div style="position: absolute;font-family: Comfortaa;LINE-HEIGHT: 12PX;MARGIN-TOP: 265PX;width: 202px;height: 191px;margin-left: 449px;overflow: auto;text-align: -webkit-left;"><br>


<div style="font-size: 15px;text-align: center;width: 187px;margin-top: -8px;margin-bottom: -10px;color: #f70000;">Vivienne</div></br><a href="http://l-supernatural.ru/profile.php?id=37"><div style="font-size: 14px;text-align: center;width: 187px;color: #585858;text-decoration: overline;margin-bottom: -9px;">Дамнант</div></a>
<br>
<hr align="left" width="180" size="1" color="#525050">



</div>
<!----------------------------V-W-X-Y-Z.КОНЕЦ-------------------------------->



</div></div> </div></div>