[html]<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap" rel="stylesheet">
<style>.ship8 {
--sh1: 80px; /* ширина и высота картинки */
--sh2: #808080; /* цвет описания персонажа и рамки */
}
.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 class="ship8"><!-- START -->
<!-- ГУЛИ -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/d2/19/7/347891.jpg)"></div>
</div>
<div><span class="namep"><a href="#">Гули</a></span>
<div class="namp">Могут быть приручены, как питомцы</div>
<p>
Низшие духи, населяющие кладбища, болота и любые заброшенные места. Склонны сбиваться в стаи, часто можно встретить в компании зомби, хоть гули немногим "умнее" - могут чувствовать опасность и скрываться в случае надобности. Изгоняются заговорённым оружием или силой божественного благословения. Могут быть подчинены некромантами либо морровалями, в больших количествах представляют собой серьёзную опасность.
</p></div></div>
<!-- ЗОМБИ -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/d2/19/7/843624.jpg)"></div>
</div>
<div><span class="namep"><a href="#">Зомби</a></span>
<div class="namp">Могут быть приручены, как питомцы</div>
<p>
Ходячий мертвец, очень жаждущий ваших мозгов. Выглядит как полуразложившийся труп, легко обнаружить безо всякой магии по запаху. Обычно встречается неподалёку от кладбищ, на пустырях. Уничтожить может даже маг-новичок, либо человек с любым оружием (берите биту, это классика). Могут быть подчинены некромантом или морровалью.
</p></div></div>
<!-- ПИКСИ -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/d2/19/7/355837.jpg)"></div>
</div>
<div><span class="namep"><a href="#">Пикси</a></span>
<div class="namp">Могут быть приручены, как питомцы</div>
<p>
Маленький волшебный народец, мужчины и женщины практически неотличимы между собой, и каждый ростом не больше, чем с ладонь. Держатся огромными семьями, обожают поболтать. Любят устраивать шумные ночные вечеринки, и тогда по всей округе раздаётся едва слышимый простому человеческому уху мелодичный звон. Не преминут стащить вещи, за которыми плохо приглядывают.
<p>Сердцу пикси милы как вересковые пустоши, так и леса или даже городские парки. Если парк поражает воображение здоровыми цветущими растениями — скорее всего, это заслуга не только садовников, но и пикси. Невидимы для простых людей, лишь дети их могут видеть до семи-восьми лет, но мало, кто им верит. Любят соседство с шаманами и ведьмами, на дух не переносят некромантов, морровалей, нежить.
</p></div></div>
<!-- КОБОЛЬДЫ -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://i.ibb.co/pvVF2Qr/B8c4e06763bf4a … 47e0f4.jpg)"></div>
</div>
<div><span class="namep"><a href="#">Кобольды</a></span>
<div class="namp">Могут быть приручены, как питомцы</div>
<p>
Горные духи, напоминающие людей разве что количеством конечностей. Низкого роста, в обрывках ярких одежд, с крысиными хвостами, кобольды и безо всякой магии являют собой для неподготовленного человека ошеломительное зрелище. Большинство несчастных случаев в горах и шахтах — в основном, происки кобольдов. Сбиваются в огромные стаи, и выгнать всех засевших в шахте кобольдов очень сложно даже для бывалых охотников.
<p>Характеры, впрочем, у кобольдов бывают самые разные, могут заключать сделки как с простыми людьми, так и с магическими существами, тогда переселятся к ним в дом и будут помогать, так как сильны в творении артефактов из металлов и драгоценных камней. Некоторые металлы и драгоценные магические камни могут обработать исключительно кобольды, что повышает их ценность как помощников. Владеют человеческой речью, но плохо, однако понимают всё от первого до последнего слова. Часто конфликтуют со змеями, так как те любят заставлять их работать в шахтах и, по мнению кобольдов, такое "сотрудничество" для них редко несёт выгоду.
</p></div></div>
<!-- ЗАЙЦЕЛОПЫ -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://i.ibb.co/FKSg7DT/ec976d9f90b424 … e2304c.jpg)"></div>
</div>
<div><span class="namep"><a href="#">Зайцелопы</a></span>
<div class="namp">Могут быть приручены, как питомцы</div>
<p>
Крупные саблезубые зайцы с рогами, напоминающие оленьи, и крыльями, летать не умеют. Ведут жизнь обычных лесных зайцев, умеренно агрессивны к чужакам. Очень любят запах фастфуда и снеков, легко приманить на пачку чипсов. Одно из самых популярных созданий в качестве домашнего питомца, так как сравнительно легко приручаются, лишь бы кормили и не обижали.
</p></div></div>
<!-- END --></div>[/html]
