[html]<div class="need_you">
<need_name>Name Surname</need_name>
<need_name_ru>Имя Фамилия</need_name_ru>
<need_fandom_name>fandom name</need_fandom_name>
<need_img>
<img src="https://via.placeholder.com/100x100" class="need_img"><img src="https://via.placeholder.com/100x100" class="need_img"><img src="https://via.placeholder.com/100x100" class="need_img"><img src="https://via.placeholder.com/100x100" class="need_img">
</need_img>
<need_info_character>
Описание персонажа, просто ссылка на описание, любая информация о персонаже по вашему усмотрению.
</need_info_character>
<need_info_player>
Любая техническая информация и пожелания к игроку.
</need_info_player>
</div>
<style>
.need_you {
width: 450px;
background: #ede0d0;
height: auto;
display: flex;
flex-direction: column;
padding: 35px;
margin-left: 60px;
padding-left: 50px;
border-radius: 30px;
}
need_img {
margin-left: -5px!important;
width: 440px;
height: auto;
display: block;
overflow: hidden;
}
need_img img {
width: 100px;
background-size: 100%;
padding: 5px;
}
need_fandom_name {
margin-top: 10px!important;
margin-bottom: 10px!important;
background: #a38871;
max-width: 200px;
padding: 5px;
color: #efe4db;
text-transform: uppercase;
font-family: 'Playfair Display', serif;
}
need_name {
font-family: 'Playfair Display', serif;
font-size: 20px;
color: #a38871;
}
need_name_ru {
}
need_info_character {
width: 290px;
position: relative;
left: 140px;
top: -25px;
}
need_info_player {
width: 290px;
position: relative;
left: 140px;
top: -30px;
}
need_info_character:before {
content: "информация о персонаже";
font-family: 'Playfair Display', serif;
font-size: 18px;
position: relative;
left: -135px;
width: 130px;
display: block;
top: 47px;
color: #a38871;
}
need_info_player:before {
content: "обращение к игроку";
font-family: 'Playfair Display', serif;
font-size: 18px;
position: relative;
left: -135px;
width: 90px;
display: block;
top: 47px;
color: #a38871;
}
</style>
[/html]