[html]<div class="guest">
    <div class="guest_info">
        <p><center><b>альтернативный кроссовер ✷ 18+</b></center></p>
        <p>роли придерживаются на 3 дня как для гостей, так и для зарегистрированных пользователей. бронь можно продлить 3 раза.</p>
        <p>ограничений на количество твинков нет, но убедительно просим вас брать не более 2 ролей в одном касте. для написания заявки вы также имеете право придержать роль.</p>
       <p>заявки в нужных являются по умолчанию <b>выкупленными</b>, поэтому перед написанием анкеты необходимо связаться с автором для уточнения деталей. в разделе "для заявок" приведены как придержанные для заявок роли, так и персонажи, на которых уже существуют заявки — в обоих случаях вы можете обратиться к заказчику. для внесения роли в столбец необходимо заполнить соответствующий шаблон.  </p>
        <p>допускается брать персонажа из любого фандома, в том числе телешоу, однако у нас действует ограничение на прием исторических персоналий. авторские персонажи в фандомы принимаются по договоренности с кастом; если каст отсутствует — можно спокойно брать.</p>
    </div>
    <div class="guest_ppl">
<div class="guest_role_name">придержанные роли</div>
        <div class="guest_role">

<center>до <b>11.09</b></center><br>

katekyo hitman reborn! ✷ <a href="https://altcross.ru/profile.php?id=249">byakuran gesso</a><br>
katekyo hitman reborn! ✷ <a href="https://altcross.ru/profile.php?id=34">ricardo</a><br><br>

wednesday ✷ <a href="https://altcross.ru/profile.php?id=408">morticia addams</a><br><br>

<center>до <b>12.09</b></center><br>

marvel ✷ <a href="https://altcross.ru/profile.php?id=313">steve rogers</a> ¹ <br><br>

wednesday ✷ <a href="https://altcross.ru/profile.php?id=395">isaac night</a><br><br>

<center>до <b>13.09</b></center><br>

katekyo hitman reborn! ✷ <a href="https://altcross.ru/profile.php?id=3">fran</a>²<br><br>

league of dreamers ✷ <a href="https://altcross.ru/profile.php?id=375">astoria istri</a>²<br><br>

<center>до <b>13.09</b></center><br>

khr ✷ <a href="https://altcross.ru/profile.php?id=412">araudi</a><br><br>

<center><b>бессрочно</b></center><br>

golden kamuy ✷ <a href="">ogata hyakunosuke</a><br><br>

shingeki no kyojin ✷ <a href="">porco galliard</a><br>
shingeki no kyojin ✷ <a href="">zeke jäger</a><br><br><br>

      </div>
        <div class="guest_need_name">заявки</div>
        <div class="guest_need">

boruto ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11#p4611">mitsuki</a> [for <a href="https://altcross.rusff.me/profile.php?id=43">uzumaki boruto</a>]<br><br>

dc ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11#p21947">kara zor-el</a> [for <a href="https://altcross.rusff.me/profile.php?id=111">lex luthor</a>]<br>
dc ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11&p=2#p29845">rick flag, jr</a> [for <a href="https://altcross.rusff.me/profile.php?id=202">angela spica</a>]<br><br>

delicious in dungeon ✷ <a href="https://altcross.ru/viewtopic.php?id=11&p=2#p76830">kabru</a> [for <a href="https://altcross.ru/profile.php?id=83">laios touden</a>]<br>
delicious in dungeon ✷ <a href="https://altcross.ru/viewtopic.php?id=11&p=2#p72482">marcille donato</a> [for <a href="https://altcross.ru/profile.php?id=83">laios touden</a>]<br> <br>

honkai: star rail ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11#p17760">aglaea</a> [for <a href="https://altcross.rusff.me/profile.php?id=154">cipher</a>]<br/>
honkai: star rail ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11#p19351">dr. veritas ratio</a> [for <a href="https://altcross.rusff.me/profile.php?id=3">aventurine</a>]<br/>
honkai: star rail ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11&p=2#p29781">jade</a> [for  <a href="https://altcross.rusff.me/profile.php?id=3">aventurine</a>]<br/>
honkai: star rail ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11#p14260">zagreus (spirithief bartholos)</a> [for <a href="">cipher</a>]<br><br>

link click ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11#p15987">vein</a> [for <a href="https://altcross.rusff.me/profile.php?id=73">xia fei</a>]<br><br>

marvel ✷ <a href="https://altcross.ru/viewtopic.php?id=11&p=2#p64508">daimon hellstrom</a> [for <a href="https://altcross.ru/profile.php?id=309">satana hellstrom</a>]<br>
marvel ✷ <a href="https://altcross.ru/viewtopic.php?id=11&p=2#p53847">frank castle</a> [for <a href="https://altcross.ru/profile.php?id=309">satana hellstrom</a>]<br>
marvel ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11&p=2#p21400">james barnes</a> [for <a href="https://altcross.rusff.me/profile.php?id=201">wanda</a>]<br>
marvel ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11&p=2#p21777">natasha romanoff</a> [for <a href="https://altcross.rusff.me/profile.php?id=201">wanda</a>]<br><br>

shingeki no kyojin ✷ <a href="">hange zoë</a> [for <a href="https://altcross.rusff.me/profile.php?id=7">erwin smith</a>]<br>

squid game ✷ <a href="https://altcross.ru/viewtopic.php?id=11#p2682">seong gi-hun</a> [for <a href="https://altcross.ru/profile.php?id=58">hwang in-ho</a>]<br>
squid game ✷ <a href="https://altcross.ru/viewtopic.php?id=11#p41207">the recruiter</a> [for <a href="https://altcross.ru/profile.php?id=58">hwang in-ho</a>]<br><br>

        </div>
    </div>
</div>

<style>
.guest {
    width: 640px;
    margin: 0 auto;
    border: 1px solid #4e4e4e;
    background: #dfdfdf url(https://i.imgur.com/pUteGKQ.png);
    position: relative;
    border-radius: 5px;
}

.guest_info {
    width: 440px;
    background-color: #ebece6;
    padding: 20px 60px 20px 60px;
    left: 40px;
    position: relative;
    border-radius: 5px;
    margin-top: 28px;
}

.guest_info p {
       text-transform: lowercase;
       font-size: 11px;
       padding: 5px 5px 5px 5px !important;
       text-align: justify;
        font-weight: normal;
        line-height: 120% !important;
}

.guest_ppl {
       position: relative;
       left: 70px;
       height: 300px;
       margin-top: 31px;
}

.guest_role, .guest_need {
    width: 200px;
    height: 250px;
    text-align: justify;
    position: absolute;
    font-size: 10px;
    background-color: #ebece6;
    padding: 10px 50px 10px 15px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 5px;
}

.guest_role a, .guest_need a {
       color: #4e4e4e!important;
}

.guest_role {
       top: 0px;
       left: -27px;
}

.guest_need {
       top: 0px;
       right: 107px;
}

.guest_role_name, .guest_need_name {
       position: relative;
       font-size: 12px;
       text-transform: lowercase;
       color: #d9d9d3;
}

.guest_role_name {
       left: 110px;
       top: -21px;
}

.guest_need_name {
       left: 462px;
       top: -37px;
}

.guest_need::-webkit-scrollbar, .guest_role::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.guest_need::-webkit-scrollbar-thumb, .guest_role::-webkit-scrollbar-thumb {
  background-color: #a7a7a7;
  border-radius: 3px;
}

.guest_need::-webkit-scrollbar-track, .guest_role::-webkit-scrollbar-track {
  background-color: #6f4644;
  border-radius: 3px;
}

</style>[/html]

шаблон придержания [роль]

шаблон придержания [заявка]