<!--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(http://sh.uploads.ru/ygAlT.jpg);
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> 
<p>Описание вашего персонажа.</p>
</div>
<div class=ccom>ICQ: номер аськи • skype: логин в скайпе • <a href="ссылка на вк">VK</a> • другие сервисы, если есть</div>
</center>