...

[html]
<style>
.textone {text-shadow: -9px 5px 2px #ff0000;}
</style>
<table bgcolor = "#ffffff" width = "500"px>
<tr>
<td><div class = "textone">тест</div></td>
<td></td>
</tr>
</table>[/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]

[html]<style>
.pblock {display:flex;
background: #e1dede; min-width: 200px; min-height: 300px;justify-content: center; border-radius: 20px;
    border: 2px #ffffff double;
    align-items: center;
    /* box-sizing: border-box; */
    flex-direction: column;
    align-content: space-around;
justify-content: flex-start;}
.pav{width: 100px; height: 100px; margin-top: 10px;
background: 50% 50%; display: block;

    border-radius: 50%;
    border: 5px #ffffff double;
box-shadow: 0px 3px 3px grey;}
.pname{font-size: 16px; display: block;margin-top: 150px}
.pcontent{}
</style>
<div class="pblock"><div class="pav" style="background-image: url(https://forumupload.ru/uploads/001b/7c/fa/2/352555.jpg)"></div>
<div class="pname">Hank Voight</div>
</div>
[/html]

[html]<style>
.pblock {display:flex;
width: 100%; min-height: 300px;justify-content: center; border-radius: 10px;
align-items: center;
flex-direction: column;
align-content: space-around;
justify-content: flex-start;}
.pav{width: 100px; height: 100px; margin-top: 10px;
background: 50% 50%; display: block;
border-radius: 50%;
border: 5px #ffffff double;
box-shadow: 0px 3px 3px grey;}
.pname{font-size: 20px; display: block;margin-top: 14px; border-bottom: 1px gray dotted;}
.pcontent{display: block;}
.pcategory{display: block; display: block;font-size: 14px;text-align: center; margin-top: 5px; margin-bottom: 5px;}
.epname{display: block;font-size: 16px;text-align: center;    padding-top: 10px;}
.epsynopsis{display: block;font-size: 14px;text-align: center;}
.pepstatus{display: block; text-align: center; padding-bottom: 10px;}
</style>
<div class="pblock"><div class="pav" style="background-image: url(https://forumupload.ru/uploads/001b/7c/fa/2/352555.jpg)"></div>
<div class="pname">Hank Voight</div>

<div class="pcontent">
<div class="pcategory">ВНУТРИФАНДОМ</div>

<div class="epname"><a href="https://crossteller.ru/viewtopic.php?id=558">Ты коп - это теперь твоя раса</a></div>
<div class="epsynopsis">описание</div>
<div class="pepstatus">активен</div>

<div class="epname"><a href="https://crossteller.ru/viewtopic.php?id=583">Только начни беспокоиться, причин для беспокойства не оберешься.</a></div>
<div class="epsynopsis">описание</div>
<div class="pepstatus">активен</div>
</div>

</div>

[/html]