Код:
<!--HTML-->
<style type="text/css">
div.vnesh {
background: url(http://savepic.ru/14841565.png);
border-top: 7px solid #533c43;
border-bottom: 7px solid #533c43;
height: 728px;
font-family: georgia;
font-size: 1.1em;
}
div.slova {
margin: 6px 9px 6px 9px;
height: 26px;
}
span.action {
color: #695959 !important;
}
div.sex {
width: 50%;
text-align: center;
float: left;
vertical-align: middle !important;
height: 100%;
}
div.alphabet {
background: #533c43;
height: 17px;
font-family: georgia;
font-size: 1.2em;
color: #9d9d9d;
font-weight: bold;
}
div.names {
margin: 4px 7px 4px 7px;
overflow-y: auto;
overflow-x: hidden;
text-align: center;
height: 90px;
}
</style>
<div class="vnesh">
<div class="slova">ниже представлен список занятых <span class="action">акционными</span> или задействованными в игре персонажами внешностей. женские — слева, мужские — справа.</div>
<div class="sex">
<div class="alphabet">
<p>
A–D
</p>
</div>
<div class="names">
...
</div>
<div class="alphabet">
<p>
E–H
</p>
</div>
<div class="names">
...
</div>
<div class="alphabet">
<p>
I–L
</p>
</div>
<div class="names">
...
</div>
<div class="alphabet">
<p>
M–P
</p>
</div>
<div class="names">
...
</div>
<div class="alphabet">
<p>
Q–V
</p>
</div>
<div class="names">
...
</div>
<div class="alphabet">
<p>
W–Z
</p>
</div>
<div class="names">
...
</div>
</div>
<div class="sex">
<div class="alphabet">
<p>
A–D
</p>
</div>
<div class="names">
...
</div>
<div class="alphabet">
<p>
E–H
</p>
</div>
<div class="names">
...
</div>
<div class="alphabet">
<p>
I–L
</p>
</div>
<div class="names">
...
</div>
<div class="alphabet">
<p>
M–P
</p>
</div>
<div class="names">
...
</div>
<div class="alphabet">
<p>
Q–V
</p>
</div>
<div class="names">
...
</div>
<div class="alphabet">
<p>
W–Z
</p>
</div>
<div class="names">
...
</div>
</div>
<div>Код:
<b>внешность на английском</b> – <a href="ссылка на профиль или акцию">имя персонажа на английском</a><br>