[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap" rel="stylesheet">
<style>#ship1 {
--sh1mr: 40px; /* отступ слева, auto - для отцетровки */
--sh1w1: 910px; /* ширина карточки */
--sh1bg: #e8e4e0; /* фон карточки */
--sh1br: #605e5e; /* цвет текста и рамки */
--sh1cl1: #36181b; /* цвет заголовка */
}
#ship1 {display:block; padding:40px; margin: 1.2em auto 1.2em var(--sh1mr); background:#afb2b3; outline: 1px solid var(--sh1bg); outline-offset:10px; width:var(--sh1w1);} /* shipovnik */
#ship1, #ship1 * { box-sizing:border-box;}
/* АВАТАРКИ КАРТИНКИ */
.shiav {width: 160px; height: 50px; margin: auto 8% auto auto;
display:inline-block; border-radius:0%; background:var(--sh1bg); border: 1px solid var(--sh1br); transform: translate(0%, -50%); transition: all 0.3s ease; background-position:50% 50%; background-size:cover;}
.shiav:last-child {margin-right:0px;}
.shiav:hover {transition: all 0.3s ease; transform: scale(1.2) translate(0%, -40%);}
/* БЛОК АВАТАРОК */
.shiprs {display:block; border-top: 0px solid var(--sh1br); text-align:center; margin: 35px auto auto;}
/***   ЗАГОЛОВОК   ***/
#ship1 > em {display:block; margin: -10px auto 16px auto; text-align:center; font-style: normal !important; letter-spacing:1px; color:var(--sh1cl1); font-family: Oranienbaum, Georgia, sans-serif; font-size: 32px;}
/***   текст   ***/
#ship1 > ku {display:block; margin: -10px auto 16px auto; text-align:center; font-style: normal !important; letter-spacing:1px; color:var(--sh1cl1); font-family: Oranienbaum, Georgia, sans-serif; font-size: 12px;}
/***   БЛОК ТЕКСТА   ***/
#ship1 > .btext {padding: 0 50px; font-size:12px; color: var(--sh1br); font-family: Arial, Tahoma, sans-serif; text-align:justify;overflow: auto;height: 105px; width: 250px;}
/***   ПЕРСОНАЖИ   ***/
.btext > p {margin:auto !important; padding-bottom:14px !important; text-align:center; font-style:normal; font-size:11px !important; opacity: 0.65;overflow: auto; height: 25px;}
/***   БЛОК ТЕКСТА2   ***/
#ship1 > .btext2 {padding: 0 50px; font-size:12px; color: var(--sh1br); font-family: Arial, Tahoma, sans-serif; text-align:justify;overflow: auto;height: 105px; width: 250px; margin-left: 250px;
    margin-top: -105px;}
/***   ПЕРСОНАЖИ   ***/
.btext > p {margin:auto !important; padding-bottom:14px !important; text-align:center; font-style:normal; font-size:11px !important; opacity: 0.65;overflow: auto; height: 25px;}
/***   БЛОК ТЕКСТА3   ***/
#ship1 > .btext3 {padding: 0 50px; font-size:12px; color: var(--sh1br); font-family: Arial, Tahoma, sans-serif; text-align:justify;overflow: auto;height: 105px; width: 250px;margin-left: 500px;
    margin-top: -105px;}
/***   ПЕРСОНАЖИ   ***/
.btext > p {margin:auto !important; padding-bottom:14px !important; text-align:center; font-style:normal; font-size:11px !important; opacity: 0.65;overflow: auto; height: 25px;}

</style>

  <div id="ship1"><div class="shiprs">
  <!--   ЗДЕСЬ АВАТАРЫ   -->
<div class="shiav" style="background-image:url(https://forumstatic.ru/files/001b/fe/fc/38865.png)"></div>
<div class="shiav" style="background-image:url(https://forumstatic.ru/files/001b/fe/fc/38865.png)"></div>
<div class="shiav" style="background-image:url(https://forumstatic.ru/files/001b/fe/fc/38865.png)"></div>
  </div>

  <em> III gen</em>
  <ku><br> ● внешность/роль придерживается до открытия при наличии на профиле сообщения за три дня.
<br> ● на один профиль можно придержать четыре внешности/роли.
<br> ● сюжета не будет, но будет обязательная хронология.
<br> ● на дворе 2023 год. англия. лондон. </ku>
   <div class="btext">
ВНЕШНОСТЬ
<br>
<br> <a href="ссылка на профиль"> <i>внешность </i></a>
<br> <a href="ссылка на профиль"> <i>внешность </i></a>
<br> <a href="ссылка на профиль"> <i>внешность </i></a>
<br> <a href="ссылка на профиль"> <i>внешность </i></a>
<br> <a href="ссылка на профиль"> <i>внешность </i></a>
<br> <a href="ссылка на профиль"> <i>внешность </i></a>
<br> <a href="ссылка на профиль"> <i>внешность </i></a>

  </div>

<div class="btext2">
РОЛЬ
<br> 
<br> <a href="ссылка на профиль"> <i>роль</i></a>
<br> <a href="ссылка на профиль"> <i>роль</i></a>
<br> <a href="ссылка на профиль"> <i>роль</i></a>
<br> <a href="ссылка на профиль"> <i>роль</i></a>
<br> <a href="ссылка на профиль"> <i>роль</i></a>
<br> <a href="ссылка на профиль"> <i>роль</i></a>
<br> <a href="ссылка на профиль"> <i>роль</i></a>

  </div>

<div class="btext3">
ВЫКУПЛЕНО
<br> 
<br> <a href="ссылка на профиль"> <i>внешность/роль</i></a>
<br> <a href="ссылка на профиль"> <i>фамилия/имя</i></a>
<br> <a href="ссылка на профиль"> <i>фамилия/имя</i></a>
<br> <a href="ссылка на профиль"> <i>фамилия/имя</i></a>
<br> <a href="ссылка на профиль"> <i>фамилия/имя</i></a>
<br> <a href="ссылка на профиль"> <i>фамилия/имя</i></a>
<br> <a href="ссылка на профиль"> <i>фамилия/имя</i></a>
<br> <a href="ссылка на профиль"> <i>фамилия/имя</i></a>
<br> <a href="ссылка на профиль"> <i>фамилия/имя</i></a>

  </div>

</div>
[/html]