Безотлагательно ОЧЕНЬ !!!!!!!!!!! Помогите сделать в HTML и в CSS ниже

lt;stylegt;

Таблица

 border: 1px solid 00F;

 border-collapse: collapse;

Таблица td

 border: 1px solid 00F;

 padding: 5px 10px;

Изображение

 display: inline-flex;

 align-items: center;

 text-align: center;

 width: 120px;

 height: 150px;

 border: 1px solid 00F;

 border-radius: 10px;

 margin: 10px;

Параметры

 display: inline-block;

 margin: 10px;

 vertical-align: middle;

Характеристики gt; div

 display: block;

.Параметр

 display: inline-flex;

 width: 200px;

 height: 30px;

 border: 1px solid 00F;

 border-left: none;

 padding-left: 50px;

 line-height: 30px;

 margin: 5px;

.Кружок

 display: inline-block;

 width: 30px;

 height: 30px;

 margin-right: -22px;

 margin-bottom: -11px;

 border: 1px solid 00F;

 border-radius: 50%;

.Кружок.Красноватый

 background-color: F00;

.Кружок.Зелёный

 background-color: 0F0;

.Кружок.Синий

 background-color: 00F;

lt;/stylegt;

lt;table id="Таблица"gt;

lt;trgt;lt;td style="width: 140px;"gt;Имяlt;/tdgt;lt;tdgt;Расаlt;/tdgt;lt;/trgt;

lt;trgt;

 lt;td colspan=2gt;

  lt;div id="Изображение"gt;Изображение персонажаlt;/divgt;

  lt;div id="Характеристики"gt;

   lt;divgt;lt;div class="Кружок Красный"gt;lt;/divgt;lt;div class="Параметр"gt;Здоровьеlt;/divgt;lt;/divgt;

   lt;divgt;lt;div class="Кружок Синий"gt;lt;/divgt;lt;div class="Параметр"gt;Манаlt;/divgt;lt;/divgt;

   lt;divgt;lt;div class="Кружок Зелёный"gt;lt;/divgt;lt;div class="Параметр"gt;Запас силlt;/divgt;lt;/divgt;

  lt;/divgt;

 lt;/tdgt;

lt;/trgt;

lt;/tablegt;