Код:
<!--HTML--><link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap" rel="stylesheet">
<style>
#ship8 {
--sh1: 80px; /* ширина и высота картинки */
--sh2: #808080; /* цвет описания персонажа и рамки */
}
#ship8 {display:flex; flex-wrap: wrap; position:relative; overflow:hidden; width:100%; height:auto; box-sizing:border-box; padding-top: 10px;
max-width: 700px; /*** ограничить ширину блока ***/
}
/* весь блок карточки */
.shipp {display:flex; flex-direction: row; width: calc(100% - 14px); min-height: calc(var(--sh1) + 20px); box-sizing:border-box; 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%; margin-right: 8px !important; padding:8px; box-shadow: inset 0 0 0 1px var(--sh2);}
kartin {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"><krt>
<kartin style="background-image:url(http://forumupload.ru/uploads/001b/62/03/3/862235.gif)"></kartinin>
</krt>
<div><namep><a href="#"> Felicia Hardy</a></namep>
<namp>Мастерица на все руки, и счетчик ударю, и красоту в профиле и на форуме наведу, и контакты с партнерами установлю, и подарки/коллекции выдам.</namp>
<p><table><tr><td>- Обновление тем рекламы<br>
- Графическое сопровождение<br>
- Создание плашек/внесение смайликов ect. <br>
- Главная по cкриптам и вопросам дизайна
</td>
<td>- Выдача сценариев новоприбывшим<br>
- Внесение ЛЗ<br>
- Ведение/курирование конкурсов<br>
- Ведение новостей</td></tr></table>
</p></div></div>
<!-- END --></div>