[html]
<style>
.backname {
  width: 573px;
    height: 643px;
        margin-left: 9px!important;
    background-image: url(https://forumstatic.ru/files/0019/f1/ce/73639.png);
}

.blockname {
position: absolute;
        margin-top: 31px;
    margin-left: 14px;
    width: 246px;
    height: 127px;
    overflow-y: auto;
    padding-right: 6px;
    line-height: 16px;
background-color: #bebebe;}

.blockname2 {
position: absolute;
    margin-top: 31px;
   margin-left: 304px;
    width: 246px;
    height: 127px;
    overflow-y: auto;
    padding-right: 6px;
    line-height: 16px;
background-color: #bebebe;}

.blockname3 {
position: absolute;
    margin-top: 190px;
    margin-left: 14px;
    width: 246px;
    height: 127px;
    overflow-y: auto;
    padding-right: 6px;
    line-height: 16px;
background-color: #bebebe;}

.blockname4 {
position: absolute;
    margin-top: 190px;
    margin-left: 304px;
    width: 246px;
    height: 127px;
    overflow-y: auto;
    padding-right: 6px;
    line-height: 16px;
background-color: #bebebe;}

.blockname5 {
position: absolute;
  margin-top: 347px;
    margin-left: 14px;
    width: 246px;
    height: 127px;
    overflow-y: auto;
    padding-right: 6px;
    line-height: 16px;
background-color: #bebebe;}

.blockname6 {
position: absolute;
    margin-top: 347px;
   margin-left: 304px;
    width: 246px;
    height: 127px;
    overflow-y: auto;
    padding-right: 6px;
    line-height: 16px;
background-color: #bebebe;}

.blockname7 {
position: absolute;
  margin-top: 508px;
    margin-left: 14px;
    width: 246px;
    height: 127px;
    overflow-y: auto;
    padding-right: 6px;
    line-height: 16px;
background-color: #bebebe;}

.blockname8 {
position: absolute;
    margin-top: 508px;
    margin-left: 304px;
    width: 246px;
    height: 127px;
    overflow-y: auto;
    padding-right: 6px;
    line-height: 16px;
background-color: #bebebe;}

.main-box {
width: 600px;
border: solid #8d4441;
background-color: #d0d0d0;
margin-left:0px;
}

.guest {
font-family: 'Bebas Neue';
    font-size: 32px;
        min-height: 44px;
    margin-top: 3px;
    text-shadow: 1px 1px 11px #333;
    color: #d0d0d0;
}
.name{
background-color: #8e4542;
min-height: 8px;
width: 596px;
margin: -1px 1px -1px 2px;
}

.namet{
background-color: #8e4542;
min-height: 6px;
    width: 596px;
    margin: -8px 0px 2px 0px;
}

.main-textb {
background-color: #8e4542;
    font-size: 15px;
    font-family: arial;
width: 596px;
    margin: 0px 0px 2px 2px;
}
.main-text {
    background-color: #d0d0d0;
    width: 584px;
    color: #333;
    margin-left: 4px;
    text-align: justify;
    font-size: 11px;
    padding: 2px;
}
</style>

<div class="main-box"> <div class ="guest"><center>СПИСОК РОЛЕЙ</div>
<div class ="name"> </div>
<div class ="main-textb"><div class ="main-text">Ниже предоставлен список ролей. Прежде тем, как регистрироваться на проекте просьба внимательное его изучить, если что-то пропустили, то смело шагайте в гостевую, возможно ваша роль занята, а возможно и свободна. Если вы убеждены что роль свободна, смело регистрируйтесь, но не забудьте потом отметить вашу роль в списке занятых ролей.

<div class="backname"><div class="blockname"><br>
<center>ФАНДОМ</center><br>
<b><a href="ссылка на профиль">имя фамилия персонажа на англ. с маленькой буквы</a></b> // имя фамилия персонажа на рус. с маленькой буквы
<br>-
<br>-</div>
<div class="blockname2"><br>
<center>ФАНДОМ</center><br>
<b><a href="ссылка на профиль">имя фамилия персонажа на англ. с маленькой буквы</a></b> // имя фамилия персонажа на рус. с маленькой буквы
<br>-
<br>-</div>
<div class="blockname3"><br>
<center>ФАНДОМ</center><br>
<b><a href="ссылка на профиль">имя фамилия персонажа на англ. с маленькой буквы</a></b> // имя фамилия персонажа на рус. с маленькой буквы
<br>-
<br>-</div>
<div class="blockname4"><br>
<center>ФАНДОМ</center><br>
<b><a href="ссылка на профиль">имя фамилия персонажа на англ. с маленькой буквы</a></b> // имя фамилия персонажа на рус. с маленькой буквы
<br>-
<br>-</div>
<div class="blockname5"><br>
<center>ФАНДОМ</center><br>
<b><a href="ссылка на профиль">имя фамилия персонажа на англ. с маленькой буквы</a></b> // имя фамилия персонажа на рус. с маленькой буквы
<br>-
<br>-</div>
<div class="blockname6"><br>
<center>ФАНДОМ</center><br>
<b><a href="ссылка на профиль">имя фамилия персонажа на англ. с маленькой буквы</a></b> // имя фамилия персонажа на рус. с маленькой буквы
<br>-
<br>-</div>
<div class="blockname7"><br>
<center>ФАНДОМ</center><br>
<b><a href="ссылка на профиль">имя фамилия персонажа на англ. с маленькой буквы</a></b> // имя фамилия персонажа на рус. с маленькой буквы
<br>-
<br>-</div>
<div class="blockname8"><br>
<center>ФАНДОМ</center><br>
<b><a href="ссылка на профиль">имя фамилия персонажа на англ. с маленькой буквы</a></b> // имя фамилия персонажа на рус. с маленькой буквы
<br>-
<br>-</div></div>
<div class="code-box" style="text-align: justify;"><strong class="legend"><a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName('pre')[0]); return false;">Скопировать ссылку</a></strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>Фэндом __ имя персонажа [до <b>число</b>] <br></pre></div></div>
</div></div><div class ="namet"> </div>  </div></div></div>
[/html]