Г О С У Д А Р Е В Ы Л Ю Д И

[html]<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap" rel="stylesheet">
<style>#ship8 {
--sh1: 80px; /* ширина и высота картинки */
--sh2: #905424; /* цвет описания персонажа и рамки */
}
#ship8 { max-width: 700px; /*** ограничить ширину блока ***/
display:flex; flex-wrap: wrap; position:relative; overflow:hidden; width:100%; height:auto; box-sizing:border-box; padding-top: 10px;}
#ship8 * {box-sizing:border-box;}
/* весь блок карточки */
.shipp {display:flex; flex-direction: row; width: calc(100% - 14px); min-height: calc(var(--sh1) + 20px); margin-bottom: 28px !important; margin-right: 0px !important;}
.shipp:last-child {margin-bottom:0px !important;}
/* круг */
.krt {display:block; width: var(--sh1); height: var(--sh1); border-radius:50%; outline: 1px solid var(--sh2); outline-offset: 6px; margin: 6px 16px auto 10px !important;}
.kar {display:block; width: var(--sh1); height: var(--sh1); border-radius:50%; background: 50% 50% no-repeat transparent; background-size:cover;}
.namep, .namp {display:block; text-align: left;}
/* имя */
.namep {line-height:110%; font-family: 'Oswald', Tahoma, sans-serif; font-size: 20px;}
/* описание */
.namp {margin-top:4px !important; color: var(--sh2); font-size: 10px;}
/* текст */
.shipp p {display:block; padding:0 !important; margin-top:10px !important; font-family: Tahoma, Arial, sans-serif; line-height:130% !important; text-align: justify;}
</style><div id="ship8"><!-- START -->
<!-- ПЕРСОНАЖ_1 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/bc/95/3/787407.jpg)"></div>
</div>
<div><span class="namep"><a href="#"> АЛЕКСЕЙ АНДРЕЕВИЧ АРАКЧЕЕВ</a></span>
<div class="namp">Главный начальник императорской канцелярии</div>
<p>
● за себя и за Сашку!<br>
● всё не так плохо, как могло бы быть<br>
● основатель БДСМ вечеринок в армии, но это не точно<br>
● пробовал в освободителя крестьян<br>
● Окей, гугл, что такое "военные поселения?"<br>
● Нормально ж общались, че началось то? (Милорадович)
</p></div></div>
<!-- ПЕРСОНАЖ_2 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/bc/95/3/431432.jpg)"></div>
</div>
<div><span class="namep"><a href="#">МИХАИЛ МИХАЙЛОВИЧ СПЕРАНСКИЙ</a></span>
<div class="namp">сенатор, тайный советник</div>
<p>
● не Пушкин, но пытался <br>
● хотел, как лучше, а получилось, как получилось<br>
● харизматичная и умная булочка всея Руси<br>
● от работы кони дохнут, но он бессмертный пони<br>
● за него давали королевство<br>
● написал свод законов, а ты пары постов написать не в силах
</p></div></div>
<!-- ПЕРСОНАЖ_3 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/bc/95/3/699968.jpg
)"></div>
</div>
<div><span class="namep"><a href="#"> ПЕТР МИХАЙЛОВИЧ ВОЛКОНСКИЙ</a></span>
<div class="namp">Генерал от инфантерии, начальник Главного Штаба</div>
<p>
● от чего так в России берёзы шумят?<br>
● решала по Отечественной войне<br>
● князь из камушка, но в целом - пирожочек<br>
● основатель гугл-мэп Российской империи<br>
● что-то не поделил с Аракчеевым<br>
● наплодилось этих Волконских, сам черт не разберет<br>
● с самого начала у него был какой-то план и он ему следовал
</p></div></div>
<!-- ПЕРСОНАЖ_5-->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/bc/95/3/907574.jpg
)"></div>
</div>
<div><span class="namep"><a href="#"> АЛЕКСАНДР ХРИСТОФОРОВИЧ БЕНКЕНДОРФ</a></span>
<div class="namp">Генерал-лейтенант, начальник 1-й кирасирской дивизии</div>
<p>
● Первый жандарм России<br>
● Он гениальный сыщик<br>
● Спасатель всех страждущих, не бальзам<br>
● Следил за Пушкиным лично <br>
● Из этого мог бы выйти не плохой роман<br>
● Увел любовницу у самого Наполеона
</p></div></div>
<!-- ПЕРСОНАЖ_4-->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/bc/95/3/274530.jpg
)"></div>
</div>
<div><span class="namep"><a href="#">МИХАИЛ АНДРЕЕВИЧ МИЛОРАДОВИЧ</a></span>
<div class="namp">Генерал от инфантерии, военный генерал- губернатор Санкт-Петербурга</div>
<p>
● О его храбрости сложены легенды<br>
● Не был женат, что как бы намекает и дает пищу для фантазии<br>
● Любитель танцовщиц и не всегда черкешенок<br>
● При его появлении кое-кто начинает шмалять<br>
● Это не заговор против Империи, а многоходовочка (цитаты военных генерал-губернаторов)
</p></div></div>
<!-- ПЕРСОНАЖ_4-->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/bc/95/3/201646.jpg
)"></div>
</div>
<div><span class="namep"><a href="#">АЛЕКСЕЙ ФЕДОРОВИЧ ОРЛОВ</a></span>
<div class="namp">Генерал от кавалерии, командир конногвардейцев</div>
<p>
● круче него только Чак Норрис<br>
● сокол ты, Орлов<br>
● вытащил брата из петли, а то на обложке «Полярной звезды» могло быть шесть профилей<br>
● лично ходил в атаку на восставших декабристов, пока вы пили чай, сидя на диване<br>
● его опасается даже Государь Император<br>
● «конногвардейцы обедают»!
</p></div></div>
<!-- ПЕРСОНАЖ_4-->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://www.kino-teatr.ru/acter/photo/4 … 913965.jpg
)"></div>
</div>
<div><span class="namep"><a href="#">ГУСТАВ ИВАНОВИЧ ГЕБЕЛЬ</a></span>
<div class="namp">Генерал-майор, командир Черниговского полка</div>
<p>
● связался не с теми братьями<br>
● сам того не желая, спровоцировал бунт<br>
● уровень живучести — 100500<br>
● не самый популярный подполковник в Черниговском полку<br>
</p></div></div>
<!-- END --></div>[/html]