[html]<div class="guest">
    <div class="guest_info">
        <p><center><b>тест ✷ кроссовер ✷ 18+</b></center></p>
        <p>во время тестового периода роли придерживаются на 1 день для гостей и до дня открытия (и дополнительно 5 дней) для зарегистрированных пользователей.</p>
        <p>ограничений на количество твинков нет, но убедительно просим вас брать не более 2 ролей в одном касте. для написания заявки вы также имеете право придержать роль.</p>
        <p>на данный момент решение о том, какая будет требоваться постовая активность, пока что не принято — мы проводим опрос среди будущих игроков по выбору системы, в котором вы также можете <a href="https://altcross.rusff.me/viewtopic.php?id=13">принять участие</a>. благодаря вам мы сможем сделать наш форум комфортным ♥</p>
        <p>допускается брать персонажа из любого фандома, в том числе телешоу, однако у нас действует ограничение на прием исторических персоналий. авторские персонажи в фандомы принимаются по договоренности с кастом; если каст отсутствует — можно спокойно брать.</p>
        <p>после открытия переезд на новый адрес не планируется ♥</p>
    </div>
    <div class="guest_ppl">
<div class="guest_role_name">придержанные роли</div>
        <div class="guest_role">
            <center>до <b>открытия</b></center>
alien stage ✷ <a href="https://altcross.rusff.me/profile.php?id=12">till</a><br/><br>
            arcane✷ <a href="https://altcross.rusff.me/profile.php?id=19"> jayce talis</a><br/>
            arcane ✷ <a href="">jinx</a><br/>
            arcane ✷ <a href="https://altcross.rusff.me/profile.php?id=11">vi</a><br/>
arcane ✷ <a href="https://altcross.rusff.me/profile.php?id=12">viktor</a><br/><br/>
            boruto ✷ <a href="">uzumaki boruto</a><br/><br/>
clair obscur expedition 33  ✷ <a href="https://altcross.rusff.me/profile.php?id=14">aline dessendre</a><br/>
clair obscur expedition 33 ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=1#p62">renoir dessendre</a><br/>
clair obscur expedition 33 ✷ <a href="https://altcross.rusff.me/profile.php?id=12">maelle (alicia dessendre)</a><br/><br/>

            d.gray-man ✷ <a href="">allen walker</a><br/>
            d.gray-man ✷ <a href="">kanda yuu</a><br/><br/>

dune awakening ✷ <a href="">ariste atreides</a><br/>
dune awakening ✷ <a href="https://altcross.rusff.me/profile.php?id=22">bronso vernius</a><br/>
dune awakening ✷ <a href="https://altcross.rusff.me/profile.php?id=23">feyd-rautha harkonnen</a><br/>
dune awakening ✷ <a href="https://altcross.rusff.me/profile.php?id=22">offworlder</a><br/><br/>
            fallout 4 ✷ <a href="">sole survivor</a><br/><br/>
            genshin impact ✷ <a href="">lyney</a><br/><br/>
            golden kamuy ✷ <a href="">ogata hyakunosuke</a><br/><br/>
            greek mythology ✷ <a href="">poseidon</a><br/><br/>
j.k. rowling's wizarding world ✷ <a href="https://altcross.rusff.me/profile.php?id=18">draco malfoy</a><br/>
            j.k. rowling's wizarding world ✷ <a href="">theodore nott</a><br/><br/>
            honkai impact 3rd ✷ <a href="">kevin kaslana</a><br/>
            honkai impact 3rd ✷ <a href="">su</a><br/><br/>
honkai: star rail  ✷ <a href="https://altcross.rusff.me/profile.php?id=19">argenti</a><br/>
            honkai: star rail ✷ <a href="">aventurine</a><br/>
honkai: star rail ✷ <a href="https://altcross.rusff.me/profile.php?id=12">boothill</a><br/>
            honkai: star rail ✷ <a href="">cipher</a><br/>
            honkai: star rail ✷ <a href="">mydei</a><br/>
            honkai: star rail ✷ <a href="">phainon</a><br/>
            honkai: star rail ✷ <a href="">sunday</a><br/><br/>
k-pop demon hunters ✷ <a href="https://altcross.rusff.me/profile.php?id=20">jinu</a><br/><br/>
            kimetsu no yaiba ✷ <a href="ссылка на профиль">douma</a><br/><br/>
            marvel ✷ <a href="">yelena belova</a><br/><br/>
naruto ✷ <a href="https://altcross.rusff.me/profile.php?id=13">orochimaru</a><br/>
naruto ✷ <a href="https://altcross.rusff.me/profile.php?id=21">uchiha sasuke</a><br/><br>
pathologic ✷ <a href="https://altcross.rusff.me/profile.php?id=25">artemy burakh</a><br/><br/>
            shingeki no kyojin ✷ <a href="">erwin smith</a><br/>
            shingeki no kyojin ✷ <a href="">levi ackerman</a><br/>
            shingeki no kyojin ✷ <a href="">porco galliard</a><br/>
            shingeki no kyojin ✷ <a href="">zeke jäger</a><br/><br>
wuthering waves ✷ <a href="https://altcross.rusff.me/profile.php?id=19">calcharo</a><br/>
wuthering waves ✷ <a href="https://altcross.rusff.me/profile.php?id=12">jiyang</a><br/><br/>
        <center>до <b>8.07</b></center>
...
        </div>
        <div class="guest_need_name">для заявок</div>
        <div class="guest_need">
            <center>до <b>открытия</b></center>
arcane ✷ <a href="">silco</a> [for <a href="">jinx</a>]<br/>
            arcane ✷ <a href="">sevika</a> [for <a href="">jinx</a>]<br/><br>
            boruto ✷ <a href="">mitsuki</a> [for <a href="">uzumaki boruto</a>]<br/><br/>
clair obscur expedition 33  ✷ <a href="">verso</a> [for <a href="">maelle</a>]<br/><br/>
            j.k. rowling's wizarding world ✷ <a href="">hermione granger</a> [for <a href="">theodore nott</a>]<br/><br/>
            genshin impact ✷ <a href="">wriothesley</a> [for <a href="">lyney</a>]<br/><br>
            honkai: star rail ✷ <a href="">aglaea</a> [for <a href="">cipher</a>]<br/>
            honkai: star rail ✷ <a href="">dr. veritas ratio</a> [for <a href="">aventurine</a>]<br/>
            honkai: star rail ✷ <a href="">jade</a> [for <a href="">aventurine</a>]<br/><br>
            kimetsu no yaiba ✷ <a href="">akaza</a> [for <a href="">douma</a>]<br/><br>
naruto ✷ <a href="">uchiha madara</a> [for <a href="https://altcross.rusff.me/profile.php?id=13">orochimaru</a>]<br/><br>

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

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

.guest_info {
    width: 600px;
    background: #DCDCDC url(https://i.imgur.com/ScvIwQM.png);
    padding: 20px 60px 20px 60px;
    left: 55px;
    position: relative;
}

.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: 295px;
    height: 250px;
    text-align: justify;
    position: absolute;
    font-size: 10px;
    background: #dfdfdf url(https://i.imgur.com/ScvIwQM.png);
    padding: 10px 50px 10px 15px;
    overflow-x: hidden;
    overflow-y: auto;
}

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

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

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

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

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

.guest_need_name {
       left: 482px;
       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: #313131;
  border-radius: 3px;
}

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

</style>[/html]

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

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