[html]<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet"><style>
#ship4 {display:flex; align-items: center; box-sizing:border-box; overflow:hidden; width:500px; height:250px; margin:auto auto auto 2em; padding: 20px 0; background: #080808;} /* shipovnik */
.shimg {order:2; background: 50% 50% no-repeat; background-size: cover; width:200px; height:250px; margin:-20px auto;}
.shimg::after {display: block; content: ""; background: transparent; width: 0; height: 0; margin-right: 92px; margin-top: -2px; border-left: 60px solid #080808; border-bottom: 254px solid transparent;}
.stx1 {order:1; width: 300px; box-sizing: border-box; text-align: center; line-height: 130%; font-size:11px; padding: 0 0 0 26px;}
/* НАЗВАНИЕ ЭПИЗОДА */
.stx1 > h5 {position: relative; margin-right: -30px; line-height: 150%; font-style:normal !important; font-weight:400;
font-size: 34px;
font-family: "Dancing Script", Times New Roman, serif;
color: #a1bce0;
text-shadow: 0 0 3px #000, 0 0 20px #2972d4;
}
/* ПЕРСОНАЖИ */
.stx1 > em {display:block; position: relative; margin-right: -30px; padding: 4px 0 18px 0;
font-family: Georgia, Arial, sans-serif;
font-weight:400;
font-size:11px;
font-style:italic !important;
color:#636363;
}
.stx2 {display: block; overflow: auto; max-height: 120px; text-align: justify; padding-right: 10px; text-shadow: 0 0 2px #000; color: #949494;}
.stx2::-webkit-scrollbar {width: 3px; height:3px; background-color: transparent;}
.stx2::-webkit-scrollbar-thumb {background: #232323;}
</style>
<div id="ship4">
<div class="shimg" style="background-image: url(https://pp.userapi.com/c845020/v8450203 … nu1PeM.jpg);"></div>
<div class="stx1">
<h5>Not Broken</h5>
<em>Персонаж_1 // Персонаж_2</em>
<div class="stx2"><!-- ТЕКСТ -->
Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам. Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.
<!-- КОНЕЦ ТЕКСТА --></div></div></div>
[/html]
[html]<link href="https://fonts.googleapis.com/css2?family=Alegreya+SC:wght@400;500;700&display=swap" rel="stylesheet">
<style>#ship3 {display:flex; align-items: center; box-sizing: border-box; overflow: hidden; margin:auto auto auto 2em; padding: 20px 0; background: url(https://i.imgur.com/kb2uWne.png) calc(100% + 330px) 50% no-repeat #f3ebd5; width:480px; height:250px;} /* shipovnik */
.shipimg {background: 50% 50% no-repeat; background-size: cover; width:150px; height:250px; margin:-20px auto;}
.shipimg::after {display: block; content: ""; background: transparent; width: 0; height: 0; margin-left: 92px; margin-top: -6px; border-right: 60px solid #f3ebd5; border-top: 258px solid transparent;}
.shipro {width: 100%; box-sizing: border-box; text-align: center; line-height: 130%; color:#000; font-size:11px; padding: 0 20px 0 10px;}
/* ИМЯ ПЕРСОНАЖА */
.shipro > h5 {display:block; padding-bottom: 14px; margin-bottom:14px; font-weight:400;
font-family: 'Alegreya SC', Times New Roman, serif;
font-size:22px;
border-bottom: 1px dotted #c0aa8c;
}
.shiph1 {display: block; overflow: auto; padding-right: 4px; max-height: 160px;}
.shiph1::-webkit-scrollbar {width: 4px; height:4px; background-color: transparent;}
.shiph1::-webkit-scrollbar-thumb {background: #cec1a9;}
/* ПЕРЕЧИСЛЕНИЕ ХАРАКТЕРИСТИК */
.shiph2 {
font-family: 'Alegreya SC', Times New Roman, serif;
font-size:16px;
font-weight:700;
}
</style>
<div id="ship3">
<div class="shipimg" style="background-image: url(https://pp.userapi.com/c845020/v8450203 … nu1PeM.jpg);"></div><div class="shipro">
<h5>Имя Персонажа</h5>
<div class="shiph1"><!-- БЛОК ТЕКСТА -->
<span class="shiph2">Дата рождения:</span> 3 ноября 1835<br>
<span class="shiph2">Рост:</span> 190 см<br>
<span class="shiph2">Цвет волос:</span> зеленые<br>
<span class="shiph2">Цвет глаз:</span> зеленые<br><br>
Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам. Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.
<!-- КОНЕЦ БЛОКА ТЕКСТА --></div></div></div>
[/html]
