Код:
<!--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">A — M</div>
<div class="rolelist1">dakota goyo ♦  дакота гойо
<br>ian somerhalder ♦  иэн сомерхолдер
<br>joseph morgan ♦ джозеф морган
<br>josh dun ♦  джош дан
<br>michael fassbender ♦  майкл фассбендер
</div></center></div></td>
<td><div class="rolelist">
<center><div class="rolefandom">N — Z</div>
<div class="rolelist1">nathaniel buzolic ♦ натаниэль бузолич
<br>nikolaj coster-waldau ♦ николай костер-вальдау
<br>paul wesley ♦  пол уэсли

</div></center>

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


<center><table><tr><div class="roletype">женские</div><td>
<div class="rolelist">
<center><div class="rolefandom">A — M</div>
<div class="rolelist1">amber heard ♦  эмбер херд
<br>arielle kebbel ♦  ариэль кеббел
<br>сlaire holt ♦  клэр холт
<br>eiza gonzalez ♦  эйса гонсалес
<br>elizabeth olsen ♦  элизабет олсен
<br>emilia clarke ♦ эмилия кларк
<br>kristen stewart ♦  кристен стюарт
<br>margot robbie ♦  марго робби
<br>miranda kerr ♦  миранда кер
</div></center></div></td>
<td><div class="rolelist">
<center><div class="rolefandom">N — Z</div>
<div class="rolelist1">nina dobrev ♦  нина добрев
<br>phoebe tonkin ♦  фиби тонкин
<br>sophie yurner ♦  софи тернер
<br>torrey devitto ♦  торри девито

</div></center>

</div></td></tr></table></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;
    color: #ada79f;
}
.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;
}
</style>

ДОБАВИТЬ ВНЕШНОСТЬ

Код:
внешность на английском ♦  внешность на русском