[html]<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"><style>
:root {
  --s6m: auto;  /* отступ от левого края, auto - для центровки */
  --shav1: 180px; /* ширина аватара */
  --shav2: 250px; /* высота аватара */
  --shclr: #b8823a; /* границы */
  --shbg: rgba(255, 255, 255, 0.17); /* фон блока с текстом */
}
.ship6 {max-width:700px;  /* ограничиваем ширину блока*/
position:relative; display:block; box-sizing:border-box; padding: 8px 0 0 0; margin: auto auto auto var(--s6m);}
.ship6 * {box-sizing:border-box;}
.ship6 .sh1 {margin: 18px auto 0px auto !important; padding:0px !important; display:grid; grid-template-columns: auto auto; align-items: start;}
.ship6 .sh1:nth-child(1) {margin-top: 0px !important;}
.ship6 .sh2 {display:grid; grid-template-columns: auto 1fr;}
.ship6 .sh2 {order:1; min-width:200px; min-height:100px;}
/* блок текста */
.ship6 .sh3 {order:2; text-align:justify; border: 1px solid var(--shclr); background:var(--shbg); padding:14px; line-height: 140%; font-size: 11px; min-height:64px; min-width:100px;}
/* аватар */
.ship6 .ava {order:1; display: block; object-fit: cover; object-position: 50% 50%; background-color:var(--shclr); border: 1px solid var(--shclr); outline: 1px solid var(--shclr); outline-offset:5px; margin:6px; width:var(--shav1); height:var(--shav2);}
/* никнейм */
.ship6 .ava2 {order:2; padding: 10px; min-width:90px; max-width:100px; font-size:10px;}
.ship6 .ava2 em {display:block; position:relative; border-bottom: 1px solid var(--shclr); margin: 0px -10px 5px -10px; padding: 0 10px 5px 10px; font-style:normal !important; font-weight: 700; font-size: 16px; text-transform: uppercase; font-family: 'Roboto Condensed', Tahoma, sans-serif;}
/* четные блоки */
.ship6 .ava2 em:after {display:block; content:""; background:var(--shclr); border-radius:50%; width:6px; height:6px; position: absolute; margin: 3px -3px auto auto !important; right: 0px;} /* shipovnik */
.ship6 .sh1:nth-child(2n) .sh3 {order:-1;}
.ship6 .sh1:nth-child(2n) .ava2 {order:-1; text-align:right;}
.ship6 .sh1:nth-child(2n) .ava2 em:after {margin: 3px auto auto -3px !important; left: 0px;}
.ship6 .sh1:nth-child(2n) .sh2 {grid-template-columns: 1fr auto;}
</style><div class="ship6"><!-- НАЧАЛО -->

<!-- КРЫСЫ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="http://forumupload.ru/uploads/001b/fe/58/2/316402.jpg"><div class="ava2">
  <em><a href="#">Гигантская крыса</a></em>
Кусается
  </div></div><div class="sh3">
Типичные крысы и незримые жители людских поселений. Обитают повсеместно, преимущественно в постройках, в развалинах и в подвалах, хотя ходят слухи, что в последнее время они заполонили канализацию столицы. Бывают разных размеров, мелкие с ладонь, а крупные могут достигать полметра. В большинстве случаев безобидные, прячутся в расщелинах и норах, но если их много, то могут атаковать зазевавшегося путника.
  </div></div>

<!-- ГОБЛИНЫ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="http://forumupload.ru/uploads/001b/fe/58/2/848375.jpg"><div class="ava2">
  <em><a href="#">Гоблин</a></em>
Мелкий паразит
  </div></div><div class="sh3">
Гоблины — самые маленькие из группы гоблиноидов. Они могли быть просто вредителями, если бы не были столь многочисленны. Гоблины имеют плоские лица, широкие носы, уши торчком, широкие рты и маленькие, острые клыки. Их лоб наклонен назад, а глаза обычно тупые и как бы остекленевшие. Цвет кожи варьируется от желтого и любого оттенка оранжевого к глубокому красному. Обычно у всех членов одного племени кожа примерно одинакового цвета. Гоблины носят одежду из темной кожи, обычно рваную и унылых цветов. Большая часть их вещей — крадены, хотя они производят и собственные предметы одежды и кожаные изделия. Стратегия и тактика гоблинов проста и незатейлива. Они трусливы и будут обычно избегать сражения лицом к лицу. Чаще они будут пытаться устраивать засаду на своих противников.
  </div></div>

<!-- ГНОЛЛЫ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://forumupload.ru/uploads/001b/fe/58/2/66238.jpg"><div class="ava2">
  <em><a href="#">Гнолл</a></em>
Гиены
  </div></div><div class="sh3">
Дикие, похожие на гиен гуманоиды, убивающие всех, кто им встречается им по пути. Они известны своей дикой культурой и воинственностью. Они жестоки, признают только силу и чувствуют вечный голод.  Они стопоходящи, с характерно длинной наклонной шеей гиены и вытянутой звериной мордой. Впрочем, их зубы и когти обычно не подходят для боя, поэтому гноллы сражаются украденным и снятым с трупов оружием. Живут племенами — стаями — однако внутри стаи они не очень организованы. Во время атаки гноллы действуют как единое целое, помогая друг другу и не стремясь к индивидуальным боевым заслугам, но стоит бою прекратиться — снова каждый сам за себя и прав сильный.
  </div></div>

<!-- ПАУКИ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="http://forumupload.ru/uploads/001b/fe/58/2/770474.jpg"><div class="ava2">
  <em><a href="#">Паук</a></em>
Ядовитый
  </div></div><div class="sh3">
Подземелья и болота кишат различными ужасными созданиями, из которых пауки, пожалуй, являются самыми многочисленными. Большая их часть не больше человеческой ладони, но при этом даже такие маленькие паучки могут нести в себе смертельную дозу яда. Порой среди них попадаются и гигантские экземпляры в человеческий рост. Однако между двумя этими крайностями существует и много других особей, включая пауков размерами с собаку. Гигантские пауки являются грозными противниками, во многом благодаря своим жалам, подобным стальным щипцам. Хотя пауки и не такие быстрые, как лошади, волки или же кабаны, но при этом они могут передвигаться по любой местности и через любые преграды, благодаря своим восьми подвижным конечностям.
  </div></div>

<!-- СКЕЛЕТ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="http://forumupload.ru/uploads/001b/fe/58/2/634126.jpg"><div class="ava2">
  <em><a href="#">Скелет</a></em>
С мечом и щитом
  </div></div><div class="sh3">
Скелеты - это ожившие и уже разложившиеся трупы людей, эльфов и дварфов. Обычно их поднимают из могил некроманты и темные маги, их часто можно встретить в подземельях и тайных гробницах, поскольку скелетов эксплуатируют как бессмертных стражей. Практически неуязвимы к колющим и рубящим повреждениям. Их нельзя застрелить стрелой или заколоть копьем. Лучше всего против скелетов работает тупое оружие, такое как булавы или кувалды, и магия.
  </div></div>

<!-- ЗОМБИ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="http://forumupload.ru/uploads/001b/fe/58/2/988105.jpg"><div class="ava2">
  <em><a href="#">Мертвец</a></em>
Воняет
  </div></div><div class="sh3">
Зомби — они же ожившие мертвецы, с отсутствием всяческого мыслительного процесса и инстинкта самосохранения. Очень медлительны, от них пахнет разложившейся плотью и они довольно глупы. У зомби есть только одно желание — питаться человеческим мясом, либо проявлять бессмысленную агрессию ко всему живому.
  </div></div>

<!-- ТЕНЬ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://forumupload.ru/uploads/001b/fe/58/2/733027.jpg"><div class="ava2">
  <em><a href="#">Тень</a></em>
Неуъязвима
  </div></div><div class="sh3">
Тень - это призрачное неживое существо, высасывающие силу из своих жертв леденящим прикосновение. У теней нет лидеров, и большую часть веремени они проводят бесцельно скитаясь вокруг выбранных окрестностей. Согласно мнению наиболее знающих мудрецов, тени были созданы магическим путем, возможно как часть какого-то древнего проклятья, наложенного на них каким-то давно умершим врагом. Тени невосприимчивы к холодному оружию, у них нет физической оболочки, их нельзя разрубить, застрелить или заколоть обычным оружием, но они уязвимы к магии и бояться огня и света.
  </div></div>

<!-- ЛИЧ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="http://forumupload.ru/uploads/001b/fe/58/2/195385.jpg"><div class="ava2">
  <em><a href="#">Лич</a></em>
Колдует
  </div></div><div class="sh3">
Лич  — это маг-некромант, ставший нежитью, по одним версиям — после смерти, по другим — вместо смерти. Могущественный колдун, желающий стать личем, проводит так называемый "ритуал вечной ночи", в ходе которого он приносит человеческую жертву, и заключает свою душу в специальный предмет, филактерию, после чего умирает и спустя некоторое время возрождается уже полноценным личем. Лича очень трудно уничтожить, потому что после того, как будет разрушена его физическая сущность, он может возродиться при помощи филактерии.
  </div></div>

<!-- ОГРЫ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="http://forumupload.ru/uploads/001b/fe/58/2/100549.jpg"><div class="ava2">
  <em><a href="#">Огр</a></em>
С дубиной
  </div></div><div class="sh3">
Огры обладают невероятной силой, чаще всего живут в лесах и на болотах. Типичный огр велик и силён, но при этом туп и дик, предпочитая решать все проблемы физической силой. Снаряжение огра обычно соответствует первобытному обществу — огры используют дубины и камни. Цвет их кожи располагается от мертвенно желтого до унылого черно-коричневого. Бородавки часто имеют другой цвет, или по крайней мере, более темный, чем цвет их кожи. От них несет смрадом, напоминающий запах свернувшегося молока. Одеваясь в плохо выделанные меха и кожи животных, они заботятся о своем оружии и доспехе только в разумных по их мнению пределах. Огры слабы умом, невероятно прожорливы и славятся вспыльчивостью. Они живут за счёт набегов, питаются отбросами и убивают ради пропитания и удовольствия.
  </div></div>

<!-- БОЛОТНЫЙ ТРОЛЛЬ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="http://forumupload.ru/uploads/001b/fe/58/2/264921.jpg"><div class="ava2">
  <em><a href="#">Болотный тролль</a></em>
Лишайный
  </div></div><div class="sh3">
Болотные тролли защищены от солнечного света густой шкурой, однако свет всё равно не любят и обычно ведут ночной образ жизни. В их косматой гриве  растёт мох, который они используют для маскировки. Как и в случае с горными сородичами, болотные тролли имеют повышенный аппетит и улучшенный метаболизм. Они постоянно испытывают чувство голода, и начинают вести себя агрессивно, если долгое время не едят, вплоть до полного озверения и впадения в бешенство. Высокие, худые, косматые существа.
  </div></div>

<!-- ГОРНЫЙ ТРОЛЛЬ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="http://forumupload.ru/uploads/001b/fe/58/2/342758.jpg"><div class="ava2">
  <em><a href="#">Горный тролль</a></em>
Большой
  </div></div><div class="sh3">
Их кожа покрыта разноцветными пятнами, а так же очень чувствительна к дневному свету, и долгое нахождение под прямыми лучами может нанести троллям серьёзные ожоги, кроме того - их глаза не адаптированы к яркому свету, а так же они испытывают острую головную боль, тошноту и головокружение находясь на солнце и может умереть, проведя слишком много времени под прямыми лучами. Горные тролли выше и сильнее других троллей, у более выраженный нос и хороший нюх. Промышляют охотой и собирательством. Из-за своей аллергии на свет ведут ночной образ жизни, а днём укрываются в своих жилищах, созданных собственноручно, либо в пещерах.
  </div></div>

<!-- КОНЕЦ --><div>[/html]