[html]
<style>#ship1 {
--sh1mr: auto;
    --sh1w1: 500px;
    --sh1bg: #999bba;
    --sh1br: #f1f1f1;
    --sh1cl1: #f1f1f1;
}
#ship1 {    display: block;
    padding: 40px;
    margin: 1.2em auto 1.2em var(--sh1mr);
    background: rgb(153, 155, 186, 80%);
    outline-offset: 10px;
    width: var(--sh1w1);
border-radius: 18px;
}
/* shipovnik */
#ship1, #ship1 * { box-sizing:border-box;}
/* АВАТАРКИ КАРТИНКИ */
.shiav {width: 100px; height: 100px; margin: auto 8% auto auto;
display:inline-block; border-radius:50%; 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: 1px 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: #f7eaba;
    font-family: 'Nizhe';
    font-size: 35px;
}
/***   БЛОК ТЕКСТА   ***/
#ship1 > .btext {padding: 0 50px; font-size:12px; color: var(--sh1br); font-family: Arial, Tahoma, sans-serif; text-align:justify;}
/***   ИГРОКИ   ***/
.btext > p {margin:auto !important; padding-bottom:14px !important; text-align:center; font-style:normal; font-size:11px !important; opacity: 0.65;}
</style>

  <div id="ship1"><div class="shiprs">
  <!--   ЗДЕСЬ АВАТАРЫ   -->
<div class="shiav" style="background-image:url(https://forumupload.ru/uploads/001b/ad/91/3/664004.png)"></div>
<div class="shiav" style="background-image:url(https://forumupload.ru/uploads/001b/ad/91/3/664004.png)"></div>
<div class="shiav" style="background-image:url(https://forumupload.ru/uploads/001b/ad/91/3/664004.png)"></div>
  </div>

  <em> название эпизода </em>

  <div class="btext"><p>
игрок   —   игрок   —   игрок
  </p>

Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.

  </div></div>
[/html]

забрать код
Код:
[html]
<style>#ship1 {
--sh1mr: auto;
    --sh1w1: 500px;
    --sh1bg: #999bba;
    --sh1br: #f1f1f1;
    --sh1cl1: #f1f1f1;
}
#ship1 {    display: block;
    padding: 40px;
    margin: 1.2em auto 1.2em var(--sh1mr);
    background: rgb(153, 155, 186, 80%);
    outline-offset: 10px;
    width: var(--sh1w1);
border-radius: 18px;
}
 /* shipovnik */
#ship1, #ship1 * { box-sizing:border-box;}
/* АВАТАРКИ КАРТИНКИ */
.shiav {width: 100px; height: 100px; margin: auto 8% auto auto;
display:inline-block; border-radius:50%; 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: 1px 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: #f7eaba;
    font-family: 'Nizhe';
    font-size: 35px;
}
/***   БЛОК ТЕКСТА   ***/
#ship1 > .btext {padding: 0 50px; font-size:12px; color: var(--sh1br); font-family: Arial, Tahoma, sans-serif; text-align:justify;}
/***   ИГРОКИ   ***/
.btext > p {margin:auto !important; padding-bottom:14px !important; text-align:center; font-style:normal; font-size:11px !important; opacity: 0.65;}
</style>

  <div id="ship1"><div class="shiprs">
  <!--   ЗДЕСЬ АВАТАРЫ   -->
<div class="shiav" style="background-image:url(https://forumupload.ru/uploads/001b/ad/91/3/664004.png)"></div>
<div class="shiav" style="background-image:url(https://forumupload.ru/uploads/001b/ad/91/3/664004.png)"></div>
<div class="shiav" style="background-image:url(https://forumupload.ru/uploads/001b/ad/91/3/664004.png)"></div>
  </div>

  <em> название эпизода </em>

  <div class="btext"><p>
игрок   —   игрок   —   игрок
  </p>

Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.

  </div></div>
[/html]