Код:
<!--HTML--><div class="roleback"><div class="roletitle">you have a heart of gold. don't let them take it from you.</div><div class="rolesubtitle">список ролей</div><div class="role"><center><table><tr><div class="roletype">люди</div><td>
<div class="rolelist">
<center><div class="rolefandom">каноны</div>
<div class="rolelist1">caroline forbes ♦ керолайн форбс
<br>elena gilbert ♦ елена гилберт
</div></center></div></td>
<td><div class="rolelist">
<center><div class="rolefandom">неканоны</div>
<div class="rolelist1">ashley mason ♦ эшли мейсон
<br>jinx ♦ джинкс
<br>sebastian walst ♦ cебастьян  уолст 
</div></center>

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


<center><table><tr><div class="roletype">вампиры</div><td>
<div class="rolelist">
<center><div class="rolefandom">каноны</div>
<div class="rolelist1">damon salvatore ♦  дэймон сальваторе
<br>katherine pierce ♦  кэтрин пирс
<br>kol mikaelson ♦  кол майклсон
<br>lexi branson ♦  лекси брэнсон
<br>rebekah mikaelson ♦ ребекка майклсон
<br>stefan salvatore ♦ cтефан cальваторе
</div></center></div></td>
<td><div class="rolelist">
<center><div class="rolefandom">неканоны</div>
<div class="rolelist1">cody mcallen ♦  коди макаллен
<br>erik lehnsherr ♦  эрик леншерр
<br>erwin darnell ♦ эрвин дарнел
<br>jasmine lecter ♦ жасмин лектер
<br>olivia weber ♦ оливия вебер
<br>rachel moore ♦ рэйчел мур

</div></center>

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



<center><table><tr><div class="roletype">оборотни и гибриды</div><td>
<div class="rolelist">
<center><div class="rolefandom">каноны</div>
<div class="rolelist1">hayley marshall ♦ хэйли маршалл<br>niklaus mikaelson ♦ никлаус майклсон</div></center></div></td>
<td><div class="rolelist">
<center><div class="rolefandom">неканоны</div>
<div class="rolelist1">
</div></center>

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



<center><table><tr><div class="roletype">ведьмы и колдуны</div><td>
<div class="rolelist">
<center><div class="rolefandom">каноны</div>
<div class="rolelist1">bonnie bennet ♦ бонни беннет
<br>valerie tulle ♦ валери тулл</div></center></div></td>
<td><div class="rolelist">
<center><div class="rolefandom">неканоны</div>
<div class="rolelist1">anna mayers ♦ анна майерс
<br>callisto ♦ каллисто
</div></center>

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

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



<style type="text/css"> 
.roleback {
    width: 560px;
    background: #817667;
    padding: 20px;
}
.roletitle {
width: 560px;
    background: #38322b;
    height: 30px;
    text-align: center;
    font-family: georgia;
    color: #817667;
    text-transform: lowercase;
    text-align: center;
    font-size: 30;
    letter-spacing: 2px;
}
.rolesubtitle {
    padding-bottom: 2px;
    font-family: arial narrow;
    color: #4d473f;
    text-transform: uppercase;
    text-align: center;
    font-size: 9;
    letter-spacing: 2px;
    margin-top: -18px;
}
.role {
    width: 550px;
    background: #413b33;
    border-bottom: 7px solid #5d5448;
    padding: 5px;
}
.roletype {
width: 495px;
    background: #64554f;
    height: 20px;
    padding: 5px;
    text-align: center;
    font-family: arial narrow;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: 400;
    color: #89736c;
}
.rolefandom {
width: 200px;
    background: #413b33;
    height: 20px;
    padding: 5px;
    text-align: center;
    font-family: oswald;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: 400;
    color: #565048;
}
.roletype {
width: 495px;
    background: #64554f;
    height: 20px;
    padding: 5px;
    text-align: center;
    font-family: arial narrow;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: 400;
    color: #89736c;
}
.rolelist {
    width: 235px;
    margin-top: 10px;
    background: #565048;
    height: auto;
    font-weight: 900;
    padding: 5px;
    text-align: center;
    font-family: calibri;
    font-size: 14px;
    a-color: #ada79f!important;
}
.rolelist1 {
     width: 200px;
    margin-top: 10px;
    background: #615b55;
    height: auto;
    font-weight: 900;
    padding: 5px;
    text-align: center;
    font-family: calibri;
    overflow: auto;
    height: 170px;
    font-size: 14px;
    color: #ada79f!important;
}
</style>


ДОБАВИТЬ ПЕРСОНАЖА В СПИСОК:

Код:
имя персонажа на английском ♦ имя персонажа на русском