имя фамилия перса на англ, возраст

<!--HTML-->
<style type="text/css">
.t{ width: 300px; margin: auto; padding: 15px; border: 1px solid #000;  } 
.tt{ padding: 20px; text-align: left; font-family: montserrat; font-size: 15px; text-transform: uppercase; letter-spacing: 1px;  padding-bottom: 7px; }
.textt { padding: 25px; font-family: verdana; font-size: 10px; font-weight: normal; line-height: 120%; text-align: justify; }

</style>

<div class="t">
<div class="tt">как заполнить анкету и не облажаться</div>

<div class="textt">шаг 1. Скопируйте код внизу и уберите все звездочки [*] (подсказка: их всего три). <br>
шаг 2. Ищите русские буковки в коде, они вам помогут заполнить всю важную информацию и не потеряться. <br>
шаг 3. Ознакомьтесь с главными темами форума и приступайте к заполнению. Разрешено заполнять в форме повествования или дневника от любого лица. Минимальный размер: 1200 знаков.<br>
шаг 4. Не забудьте о внешности вашего персонажа в кошачьем облике. Для получения лаконичного текста вы можете начать абзац со слов: "Когда я превращаюсь в кошку..." или "В кошачьем образе...".<br>
шаг 5. Не пугайтесь, если при нажатии кнопки "посмотреть" у вас вылезет тот же самый код. Готовый вариант вы сможете увидеть только после отправки.</div>
</div>

<!--HTML-->
<style>
.inff{width:230px; height:120px;  float:left;  margin-left:50px}
.box{width:230px; height:14px; float:left; margin:0px 50px 5px 0px;background:#EEF5DB;padding:5px;color:#0D1A00;font-weight:bold;font:10px Roboto Slab;letter-spacing:1px;text-align:center;}

.img{background:url(https://33.media.tumblr.com/7a1f06d22e4c5e46e00d4bca5e18f8f5/tumblr_nqynyzN4Lt1qkyz1oo7_400.gif);
width:300px;height:100px;background-position:center;background-size:300px;margin-right:-250px;}

.namee{font-weight:bold;width:280px;position:relative;background:black;padding:10px;height:20px;font:20px nunito;letter-spacing:3px;color:white;text-align:center;left:125px;}

.texxt{width:530px;padding:10px;font:10px arial;color:black;text-align:justify; background:#fff; position:relative; height:250px; overflow:auto; top:10px;}
.texxt p:first-letter{color:black;font-size:20px;padding:0px;margin-right:1px;text-align:center;float:left;}
.texxt b{color:#541f0f;font:11px nunito;font-weight:bold;letter-spacing:1px;}

.ccom{position:relative;background:black;padding:10px;height:10px; width:530px;font:8px arial;letter-spacing:3px;color:white;text-align:right;}
</style>
<center><div class=inff>
<div class=box>Вишенка - Вишнелапка - Вишня</div>
<div class=box>14 лет, гетеросексуальна</div>
<div class=box>Генерация силовых полей</div>
<div class=box>Оруженосец Речного племени</div>
<div class=box>Ученица 8 класса</div></div>
<div class=img></div>
<Div class=namee><Div style="position:relative;float:center;overflow:hidden;height:40px;">Doris River</div></div>
<div class=texxt>
текст, включающий в себя описание внешности, характера и биографии.</div>
<div class=ccom>ICQ: 12345678 • skype: login111 • <a href="ссылка на вк">VK</a> • другие сервисы</div>
</center>

[*code]<*!--HTML-->
<style>
.inff{width:230px; height:120px;  float:left;  margin-left:50px}
.box{width:230px; height:14px; float:left; margin:0px 50px 5px 0px;background:#EEF5DB;padding:5px;color:#0D1A00;font-weight:bold;font:10px Roboto Slab;letter-spacing:1px;text-align:center;}

.img{background:url( ССЫЛКА НА КАРТИНКУ С ЧЕЛОВЕЧЕСКОЙ ВНЕШНОСТЬЮ ВАШЕГО ПЕРСОНАЖА РАЗМЕРА НЕ МЕНЬШЕ 300Х100 );
width:300px;height:100px;background-position:center;background-size:300px;margin-right:-250px;}

.namee{font-weight:bold;width:280px;position:relative;background:black;padding:10px;height:20px;font:20px nunito;letter-spacing:3px;color:white;text-align:center;left:125px;}

.texxt{width:530px;padding:10px;font:10px arial;color:black;text-align:justify; background:#fff; position:relative; height:250px; overflow:auto; top:10px;}
.texxt p:first-letter{color:black;font-size:20px;padding:0px;margin-right:1px;text-align:center;float:left;}
.texxt b{color:#541f0f;font:11px nunito;font-weight:bold;letter-spacing:1px;}

.ccom{position:relative;background:black;padding:10px;height:10px; width:530px;font:8px arial;letter-spacing:3px;color:white;text-align:right;}
</style>
<center><div class=inff>
<div class=box>Имя котенка - имя оруженосца - имя воителя (предводительское не пишем) </div>
<div class=box>Сколько лет, ориентация</div>
<div class=box>Способность</div>
<div class=box>Кем служишь и в каком племени\одиночка\домашний</div>
<div class=box>Чем занимаешься в мире людей</div></div>
<div class=img></div>
<Div class=namee><Div style="position:relative;float:center;overflow:hidden;height:40px;">Имя на английском</div></div>
<div class=texxt> 
---------------------------------------------------------------------------------
             БАЗОВЫЙ УРОК ПО HTML КОДАМ

<p>текст</p> - все написанное в этом коде сгруппируется в абзац
<b>текст</b> - все написанное в этом коде станет жирным
<i>текст</i> - все написанное в этом коде станет курсивом
<u>текст</u> - все написанное в этом коде станет подчеркнутым
<s>текст</s> - все написанное в этом коде станет зачеркнутым
<center>текст<center> - все написанное в этом коде встанет в центре
---------------------------------------------------------------------------------
                                                              ( стереть после прочтения)

<p>Описание вашего персонажа.</p>
</div>
<div class=ccom>ICQ: номер аськи • skype: логин в скайпе • <a href="ссылка на вк">VK</a> • другие сервисы, если есть</div>
</center>[*/code]
[table layout=fixed width=100%]
[tr]
[td][/td]
[td width=87%][align=right][i]внешность: Имя знаменитости, чью внешностью вы украли[/i][/align][spoiler="[align=center]пробный пост с любой ролевой[/align]"]Здесь пишем пост[/spoiler][/td]
[td][/td]
[/tr]
[/table]