[html]

<style>

/* ОФОРМЛЕНИЕ ТЕМ */
.zag {
    width: 592px;
    height: 112px;
    background: url(https://i.imgur.com/rNBYPg6.png);
}
.zagtext {
    padding-top: 45px;
    padding-left: 0px;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 15px;
    font-size: 18px;
    }
.tema {
    /*width: 571px;*/
    /*background: url(https://i.imgur.com/0lrC1N0.png);*/
}
.tematext {
    width: 476px;
    overflow: auto;
    position: relative;
    text-align: justify;
    padding: 0px 12px 5px 12px;
    font-family: 'Montserrat';
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 15px;
    margin-top: -40px;
    margin-bottom: -70px;
    font-size: 11px;
    text-transform: lowercase;
    }
.niz {
    width: 592px;
    height: 112px;
    background: url(https://i.imgur.com/AlKgdi6.png);
    margin-top: auto!important;
}
.niztext  {
    width: 630px;
    text-align: justify;
    margin-left: 38px !important;
    padding-top: 20px;
}
.polos {
    text-align: center;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 15px;
    font-size: 14px;
    padding-bottom: 10px;
    color: #7a7575;
}
.td {
    font-weight: 500;
    height: 70px;
    width: 220px;
    overflow: auto;
    padding-right: 10px;
}

</style>

<center><div class="zag"><div class="zagtext">занятые роли</div></div>
<div class="tema"><div class="tematext">
Выбери профессию, которую ты любишь, — и тебе не придется работать ни дня в твоей жизни. (с)
<br>А Вы уже определились?

<div style="margin-left: 0px;
    width: 225px;
    /*height: 130px;*/
    margin-top: 10px;
    /* margin-bottom: 10px; */">
<div class="polos">организация тоор</div>
<div class="td">
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a><br>
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a><br>
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a><br>
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a>
</div></div>

<div style="width: 225px;
   /* height: 130px;*/
    margin-left: 250px;
    margin-top: -95px;">
<div class="polos">отель "ковчег"</div>
<div class="td">
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a><br>
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a><br>
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a><br>
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a>
</div></div>

<div style="margin-left: 0px;
    width: 225px;
    /*height: 130px;*/
    margin-top: 10px;
    /* margin-bottom: 10px; */">
<div class="polos">криминал</div>
<div class="td">
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a><br>
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a><br>
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a><br>
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a>
</div></div>

<div style="width: 225px;
    /*height: 130px;*/
    margin-left: 250px;
    margin-top: -95px;">
<div class="polos">прочие жители</div>
<div class="td">
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a><br>
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a><br>
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a><br>
<b>имя фамилия (англ) внешности</b> — <a href="ссылка на профиль">имя профиля</a>
</div></div>

</div></div>
<div class="niz"></div></center>[/html]

<br>Выбранная профессия - <a href="ссылка на профиль">Имя персонажа на англ.</a>