[html]<style>
/*переменные для стиля*/
#game {
    --c: 200px; /*Высота блока, высота картинки*/
    --b: #fff; /*цвет текста, цвет рамки*/
    --g: 500px; /*ширина картинки, ширина рамки, ширина таблицы*/
    --f: "helvetica"; /*опционально - шрифт блока*/}
/*стили блока с картинкой*/
.e1 {
  padding: 5px;
  border: 1px dotted var(--b);
  height: calc(var (--c));
  width: calc(var(--g));
}
/*стиль самой картинки*/ 
.e1 img {
  width: calc(var(--g));
  height: calc(var(--c));
}
/*стиль названия эпизода*/
.e2 {
  width: 70px;
  border-right: 1px solid var(--b)!important;
  color: #f02c9c;
  vertical-align: top;
  padding-right: 10px!important;
  text-align:  right;  font-size:  24px;
  font-family: tahoma;
}
/*стиль описания эпизода*/ 
.e3 {
  padding: 10px;
  text-align: justify;
  padding-right: 0px;
  vertical-align: top;
}
/*по желанию - стиль буквицы*/
//  .e3::first-letter {
  float: left;
  line-height: 35px;
  font-size: 3em;
  color: var(--b);
  border: solid var(--b);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 5px;
  margin-bottom: -5px;
   }
/*стиль блока участники*/ 
.e4 {
  padding: 7px;
  border: 1px dotted var(--b);
  width: calc(var(--g));
    height: 22px;
    font-size: 1.1em;
    font-family: var(--f);
}
</style>

<div id="game">
<div align="center">
<div class="e1"><img src="https://forumupload.ru/uploads/001b/9c/16/142/129529.png">
</div>
<table style="width:calc(var(--g));" border="0">
    <tbody>
    <tr>
        <td class="e2">boobs in my inbox</td>
        <td class="e3">

<br>
<i>нью-йорк, манхэттен, клуб “little sister”, 23:00<br>
вечеринка после презентации коллекции женского нижнего белья в коллаборации с героями аспира</i><br>
<br>accept. accept. accept
        </td>
    </tr>
    </tbody>
</table>
<div class="e4">
     фиби & сигрид
</div>
</div></div>[/html]

Отредактировано Sigrid Cohen (2023-02-02 21:22:40)