[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>08.08</b></center><br>

Stranger Things ✷ <a href="https://altcross.rusff.me/profile.php?id=135">Eddie Munson</a><br>
Stranger Things ✷ <a href="https://altcross.rusff.me/profile.php?id=135">Steve Harrington</a><br><br>

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

link click ✷ <a href="https://altcross.rusff.me/profile.php?id=302">cheng xiaoshi</a>¹<br><br>

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

death note ✷ <a href="https://altcross.rusff.me/profile.php?id=32">Ryuk</a><br><br>

h: sr ✷ <a href="ссылка на профиль">yaoshi</a>³<br><br>

j.k. rowling's wizarding world ✷ <a href="https://altcross.rusff.me/profile.php?id=251">sirius black</a><br><br>

smeshariki ✷ <a href="https://altcross.rusff.me/profile.php?id=319">krosh</a><br>
smeshariki ✷ <a href="https://altcross.rusff.me/profile.php?id=319">yozhik</a><br><br>

weak hero ✷ <a href="ссылка на профиль">geum seongje</a><br>
weak hero ✷ <a href="ссылка на профиль">yeon sieun</a><br><br>

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

marvel ✷ <a href="https://altcross.ru/profile.php?id=28">charles xavier</a><br>
marvel ✷ <a href="https://altcross.ru/profile.php?id=28">erik lehnsherr</a><br><br>

Shadowhunters ✷ <a href="https://altcross.rusff.me/profile.php?id=307">Raphael Santiago</a>¹<br><br>

stardew valley ✷ <a href="https://altcross.rusff.me/profile.php?id=324">farmer</a><br><br>

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

rpf ✷ <a href="https://altcross.rusff.me/profile.php?id=32">hwang hyunjin</a><br>
rpf ✷ <a href="https://altcross.rusff.me/profile.php?id=32">lee felix</a><br><br>

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

dc ✷ <a href="https://altcross.rusff.me/profile.php?id=111">midnighter</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>

      </div>
        <div class="guest_need_name">для заявок</div>
        <div class="guest_need">

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

arcane ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11&p=2#p45724">vi</a> [for <a href="https://altcross.rusff.me/profile.php?id=62">caitlyn kiramman</a>]<br><br>

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>

bubble comics ✷ <a href="">vadim</a> [for <a href="https://altcross.rusff.me/profile.php?id=200">altan dagbaev</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>

genshin impact ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11#p3006">arlecchino</a> [for <a href="https://altcross.rusff.me/profile.php?id=41">columbina</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&p=2#p37240">cheng xiaoshi</a> [for <a href="https://altcross.rusff.me/profile.php?id=286">lu guang</a>]<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.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>

        </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]

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

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