слабоумие и отвага!
в списке учтены активные персонажи
[html]<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap" rel="stylesheet">
<style>.ship8 {
--sh1: 80px; /* ширина и высота картинки */
--sh2: #718862; /* цвет описания персонажа и рамки */
}
.ship8 { max-width: 800px; /*** ограничить ширину блока ***/
display:flex; flex-wrap: wrap; position:relative; left: 20px; 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 -->
<!-- ПЕРСОНАЖ_1 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://i.imgur.com/tEN3qml.png)"></div>
</div>
<div><span class="namep"><a href="#">Аль-Узза</a></span>
<div class="namp">Паладин Латандера</div>
<p>
Высший эльф, паладин клятвы древних. Несет свет во славу Латандера.
</p></div></div>
<!-- ПЕРСОНАЖ_2 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://i.imgur.com/tEN3qml.png)"></div>
</div>
<div><span class="namep"><a href="#">Арвин Скайроуг</a></span>
<div class="namp">емкое обозвание ???</div>
<p>
Тут будет описание.
</p></div></div>
<!-- ПЕРСОНАЖ_3 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://i.ibb.co/wzM3PZv/12b.jpg)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/viewtopic.php?id=21">Астарион</a></span>
<div class="namp">Неприкаянная душа</div>
<p>
Отродье вампира (высший эльф), ныне свободный от уз вампира-хозяина, плут. Спаситель Врат Балдура.
</p></div></div>
<!-- ПЕРСОНАЖ_4 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://i.imgur.com/W4ppO0G.jpeg)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/viewtopic.php?id=42">Астрид Хэрроу</a></span>
<div class="namp">Ночная ведьма</div>
<p>
Полуэльф, колдун договора клинка (архифея). Наемница, искательница приключений, дипломат фей Благого Двора. Копит деньги на воскрешение матери, бегает от вампира-отца.
</p></div></div>
<!-- ПЕРСОНАЖ_5 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/d0/e4/17/658168.jpg)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/viewtopic.php?id=52">Велкрон</a></span>
<div class="namp">Паутинный коготь</div>
<p>
Дроу, варвар пути зверя. Ищейка, Агент Зентарима (в ранге Волка). Профессиональный суетолог, заботливый брат, дурной пример для подражания.
</p></div></div>
<!-- ПЕРСОНАЖ_6 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://s11.gifyu.com/images/SyOPI.png)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/viewtopic.php?id=68">Врагген</a></span>
<div class="namp">Выживший баалоспавн</div>
<p>
Человек, плут-убийца, следопыт-глумсталкер. Наёмный убийца, служитель культа Баала. Но это он тоже забыл.
</p></div></div>
<!-- ПЕРСОНАЖ_7 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://i.imgur.com/uu7GZGR.jpeg)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/viewtopic.php?id=35">Гейл Декариос</a></span>
<div class="namp">Избранный Мистры (бывший во всех отношениях)</div>
<p>
Человек, волшебник школы эвокации. Профессор академии Черного Посоха в Уотердипе, состоит в Ордене Внимательных etc. Спаситель Врат Балдура. Носит в себе нетерийскую сферу.
</p></div></div>
<!-- ПЕРСОНАЖ_8 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://i.imgur.com/Z6DteHs.png)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/viewtopic.php?id=44">Далирия</a></span>
<div class="namp">Младшая сестра</div>
<p>
Отродье вампира (высший эльф), ныне свободная от уз вампира-хозяина. В прошлом старший лекарь Парламента Врат Балдура, ныне ученый-исследователь на вольных хлебах.
</p></div></div>
<!-- ПЕРСОНАЖ_9 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/d0/e4/12/224273.png)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/viewtopic.php?id=34">Доврак</a></span>
<div class="namp">емкое обозвание ???</div>
<p>
Драконорожденный, монах, жрец. Странствующий лекарь, монах, идейный приключенец.
</p></div></div>
<!-- ПЕРСОНАЖ_10 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://i.imgur.com/tEN3qml.png)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/">Касадор Зарр</a></span>
<div class="namp">емкое обозвание ???</div>
<p>
Древний вампир, обитавший во Вратах Балдура. Лелеял мысль о проведении ритуала Нечистого Вознесения, но из-за исчезновения одного отродья все обернулось не хэппи эндом.
</p></div></div>
<!-- ПЕРСОНАЖ_11 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/d0/e4/14/839611.jpg)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/viewtopic.php?id=74">Королева Рол</a></span>
<div class="namp">емкое обозвание ???</div>
<p>
Тифлинг Мефистофеля, плут. Экзотическая танцовщица в "Ласке Шаресс", наушница, шпионка, посыльная.
</p></div></div>
<!-- ПЕРСОНАЖ_12 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/000f/86/46/2/507751.png)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/viewtopic.php?id=51">Мэйрин</a></span>
<div class="namp">емкое обозвание ???</div>
<p>
Дроу, друид круга земли. Друид леса Невервинтер. Странник в поисках своего предназначения. Путешествует под защитой брата-суетолога.
</p></div></div>
<!-- ПЕРСОНАЖ_13 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://i.imgur.com/3O2ECBX.jpeg)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/viewtopic.php?id=51">Орин Красная</a></span>
<div class="namp">Кровавый кошмар</div>
<p>
Ченджелинг, баалоспавн, глава Культа Баала во Вратах Балдура. Личный ужас и ПТСР многих жителей, героев и баалоспавнов. Канула в небытие где-то до сражения со Старшим Мозгом.
</p></div></div>
<!-- ПЕРСОНАЖ_14 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://i.ibb.co/ScChMp3/2024-07-12-230749.jpg)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/viewtopic.php?id=20">Страйф</a></span>
<div class="namp">Темный Соблазн</div>
<p>
Тифлинг Мефистофеля, бард коллегии знаний и паладин клятвы древних, баалоспавн. Бывшая убийца культа Баала. Танцует, поет и играет на самых разных инструментах на уровне высочайших мастеров всего Торила.
</p></div></div>
<!-- ПЕРСОНАЖ_15 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://i.imgur.com/tEN3qml.png)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/">Хальсин</a></span>
<div class="namp">Папа-медведь</div>
<p>
Лесной эльф, друид круга луны. Бывший архидруид Рощи Друидов, спаситель Врат Балдура и просто большой хороший парень.
</p></div></div>
<!-- ПЕРСОНАЖ_16 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://i.imgur.com/QzEE8Oc.png)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/viewtopic.php?id=38">Шэдоухарт</a></span>
<div class="namp">Любимая принцесса богинь-сестер</div>
<p>
Полуэльф, жрец домена жизни. Была любимой принцессой Шар, теперь стала надеждой Сэлуне. Коллекционирует зверушек.
</p></div></div>
<!-- ПЕРСОНАЖ_17 -->
<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://s11.gifyu.com/images/SOjtE.png)"></div>
</div>
<div><span class="namep"><a href="https://dungeonsanddragons.f-rpg.me/viewtopic.php?id=19">Энвер Горташ</a></span>
<div class="namp">Избраный Бэйна (бывший?)</div>
<p>
Человек, изобретатель, плут. Эрцгерцог Врат Балдура в принудительной отставке. Политик, торговец оружием, вор, инферналист, инженер и конструктор.
</p></div></div>
<!-- END --></div>[/html]