[html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

.tags {
display: flex;
width: 692px;
height: 200px;
background-image: url(https://forumupload.ru/uploads/001c/49/47/2/511651.png);
margin: 0 auto;
}

.tags-s {
        display: block;
        background-color: #f5f5f5;
        width: 220px;
        height: 20px;
        margin: auto;
        font-family: Mulish, sans-serif;
        font-weight: 700;
        text-align: center;
        border: 1px solid #000;
        line-height: 20px;
    }

.wrapper {
        position: relative;
        top: -14px;
        width: 680px;
        margin: 0 auto;
        border-inline: 1px solid #000;
        padding-block: 13px;
        padding-left: 10px;
font-family: "Mulish", sans-serif;
display: flex;
gap: 10px;
}

.desc {
    font-family: "Mulish", sans-serif;
    width: 300px;
    text-align: justify;
    display: flex;
    align-items: center;
}

.desc p {
padding-bottom: 0!important;
}

.reserv-f {
background-color: #fff;
    border-block: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 10px 19px 10px 10px;
    width: 340px;
    height: 100px;
    margin: 0;
    margin-top: 10px;
font-family: "Mulish", sans-serif;
font-size: 12px;
}

.reserv {
list-style: none;
}

.reserv a {
text-decoration: none;
color: #000;
    transition:ease-in-out .4s;
}

.reserv a:hover {
    color: #A2BC8A;
    transition:ease-in-out .4s;
}

.adm {
        background-color: #fff;
border: 1px solid #000;
width: 690px;
margin: 0 auto;
position: relative;
top: -16px;
display: flex;
    justify-content: center;
}

.adm-card {
    width: 174px;
    border-inline: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.adm-card:first-child {border-right: 0;}

.adm-desc {
    font-size: 9px;
    text-align: center;
    padding-block: 4px!important;
}

.adm-card img {border: 1px solid #ddd;}

.adm-card a {
text-decoration: none;
font-family: "Nunito", sans-serif;
font-size: 12px;
font-weight: 700;
color: #A2BC8A;
display: block;
padding-block: 4px;
    transition:ease-in-out .4s;
}

.adm-card a:hover {
color: #000;
    transition:ease-in-out .4s;
}

figcaption {
background-color: #eee;
border: 1px solid #ddd;
padding-left: 4px;
}

il.reserv {
overflow-y: scroll;
height: 80px;
display: block;
}

</style>

<div class="tags"><span class="tags-s">#мистика #альтернатива #21+</span></div>
<div class="wrapper">
<div class="desc"><p>Отвечаем на все ваши вопросы и принимаем комплименты. <br><br> Внешность бронируется на 5 дней с возможностью продлить дважды.</p></div>

<figure class="reserv-f">
  <figcaption>бронь</figcaption>
  <il class="reserv">
    <li>richard biedul — <a href="https://thecult.f-rpg.me/profile.php?id=15">bloodshine</a> (по 07.11 включительно)</li>
  </il>
</figure>
</div>
<div class="adm">
<div class="adm-card">
<p class="adm-desc">пишите ему со всем магическим и сверхъестественным</p>
<img src="https://forumupload.ru/uploads/001c/49/47/2/703957.png">
<a href="https://thecult.f-rpg.me/messages.php?action=new&uid=4">marcel rocher</a>
</div>
<div class="adm-card">
<p class="adm-desc">пишите ему со всем сложным и серьёзным, тг: @savahates</p>
<img src="https://forumupload.ru/uploads/001c/49/47/2/554902.png">
<a href="https://thecult.f-rpg.me/messages.php?action=new&uid=3">kilian bogart</a>
</div>
</div>
[/html]

внешность — <a href="ссылка на профиль">ваш ник</a>