[html]<style>
/*переменные для стиля*/
#game {
--c: 200px; /*Высота блока, высота картинки*/
--b: #4682B4; /*цвет текста, цвет рамки*/
--g: 500px; /*ширина картинки, ширина рамки, ширина таблицы*/
--f: "helvetica"; /*опционально - шрифт блока*/}
/*стили блока с картинкой*/
.e1 {
padding: 7px;
border: 1px solid 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: #000;
vertical-align: top;
padding-right: 10px!important;
text-align: right; font-size: 30px;
font-family: impact;
text-shadow: 2px 2px 2px #fff;
}
/*стиль описания эпизода*/
.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 solid 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/6/718379.jpg">
<p><font size="1"><b>iamempty - естественный отбор</b><br>
<i>Знаете ли вы, что пуля из травмата пробивает голову насквозь <br>
В том случае, если расстояние не более одного метра, максимум двух <br>
Есть люди, убийство которых принесёт только облегчение и радость <br>
Травматический пистолет - мой единственный верный друг</i></font>
</div>
<table style="width:calc(var(--g));" border="0">
<tbody>
<tr>
<td class="e2">естественный отбор</td>
<td class="e3">
<br>
<i>Место:</i> Стейтен-айленд, в районе порта <br>
<br><i>Описание эпизода:</i>
<p>Контрабандный бизнес никогда не выйдет из моды. По крайне мере пока существует закон. Возвращаясь в свою привычную колею, Кекуто-кай начинает снова заниматься своим любимым делом. Восстанавливая старые связи, они помогают местному торгашу наладить поставки на свою бывшую родину – в Японию. И казалось, работа идет в стабильном режиме, но неожиданно глава клана для контроля сделки присылает своего старшего сына, а сам товар по непонятным причинам задерживается. <br>
По всем фактам неудачный день. <br>
Для тех, кто решил перейти дорогу жадным и бешенным псам.
</td>
</tr>
</tbody>
</table>
<div class="e4">
Otto Heinrich | Hirai Kondo
</div>
</div></div>[/html]