<!--HTML-->

<div class='character'> 
  <div class="charbox">
    
    <div class="charname">Charles Blackwood, 37
      <span>– Что это за город? – спросил Кристиан. Девочка безразлично пожала худым плечом. Теперь Кристиан разглядел, что было у нее в руках – дохлая крыса с пропыленной шерстью. Ее размозженная голова и передние лапы ссохлись до состояния мумии.</span></div>
    
    <div class="charinf">
    <div><b>Семейное положение.</b><br>
банан

<br><br><b>Место работы. </b><br>
собирает дизайны из говна и палок

<br><br><b>Основная информация</b><br>
На обочине, у самой дороги, стояла девочка лет семи-восьми, но худенькая и сморщенная, как старушка, в синей рубашке, которая была ей сильно велика. Один рукав уныло болтался, наполовину оторванный. Девочка что-то вертела в руках. Поравнявшись с ней, Кристиан притормозил и опустил стекло. Девочка уставилась на него. Ее серые глаза были такими же пасмурными и выцветшими, как сегодняшнее небо.
      </div></div>
    
    <div class="charpic"><img src="https://forumstatic.ru/files/001a/ae/03/89195.png"></div>
    
    <div class="charwinners">
      
      <img src="/i/blank.gif" class="ls_activist"><sup>x2</sup>
      
            <img src="/i/blank.gif" class="ls_duet"><sup>x2</sup>
      
            <img src="/i/blank.gif" class="ls_posts"><sup>x2</sup>
      
            <img src="/i/blank.gif" class="ls_game"><sup>x2</sup>
      
            <img src="/i/blank.gif" class="ls_bestsome"><sup>x2</sup>
    </div>
    
  </div>
</div>

<style>@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700|Playfair+Display:400,400i,700,700i,900,900i');

.charbox {background: url(https://forumstatic.ru/files/001a/ae/03/71480.jpg);
width: 670px;
height: 470px;
margin: auto;
border: 1px solid #b0b0b0;
font: 500 10px montserrat;
color: #191919}

.charname {font: 600 18px montserrat;
text-align: center;
margin: 40px 40px 35px 40px}

.charname span {font: 400 10px lora;
display: block;
text-align: justify;
margin: 10px 50px 0 50px;
overflow-y: auto;
height: 25px}

.charinf {width: 282px;
height: 167px;
border-radius: 2px;
background: rgba(182,192,181,.6);
margin-left: 38px;
padding: 20px;
  text-align: justify;
  line-height:18px;
  position: relative
}

.charinf > div {
overflow-y: auto;
padding-right: 5px;
height: 167px}

.charinf:after {content: "";
background: rgba(182,192,181,.6);
width: 40px;
height: 40px;
position: absolute;
top: 40px;
right: -40px;
clip-path: polygon(60% 50%, 0 0, 0 100%);}

.charpic {width: 222px;
height: 301px;
overflow: hidden;
border: 1px solid #8f8f8f;
position: absolute;
margin-top: -207px;
margin-left: 410px}

.charpic img {width: 222px;
}

.charwinners {width: 282px;
height: 35px;
border-radius: 2px;
background: rgba(182,192,181,.6);
margin-left: 38px;
padding: 20px 0px;
margin-top: 20px;
  text-align: center;
  width: 322px
}

.charwinners img {width: 45px;
height: 45px;
margin-top: -5px;
margin-right: 2px}

.charwinners sup {display:inline-block;
font-size: 9px;
}

.ls_activist {background: url(https://forumstatic.ru/files/001a/ae/03/87773.png)}

.ls_duet {background: url(https://forumstatic.ru/files/001a/ae/03/70120.png)}

.ls_posts {background: url(https://forumstatic.ru/files/001a/ae/03/32478.png)}

.ls_game {background: url(https://forumstatic.ru/files/001a/ae/03/31512.png)}

.ls_bestsome {background: url(https://forumstatic.ru/files/001a/ae/03/60411.png)}</style>