Код:
<link href="http://fonts.googleapis.com/css?family=Allura:400" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,400italic" rel="stylesheet" type="text/css">
<style type="text/css">


.temptitle{font-size: 50px;font-family: 'Allura', cursive, serif;  text-align: center; text-transform: lowercase; letter-spacing:-1px; color:#F2F1F1 !important; line-height:100%;}
.minititle{font-family: 'Playfair Display', serif; font-size: 9px; text-transform:uppercase; letter-spacing: 1px; line-height:100%;}

.ravel {
   width:480px;
   height:120px;
    background-image: url(http://s6.uploads.ru/d/hNe4v.png);
    background-color: #8AA6A8;
        border-right: 10px solid #95ADAF;
    border-left: 10px solid #95ADAF;
}

.ravel-howl {
   width:200px;
   font-family: Playfair Display;
   font-size:11px;
   font-style:italic;
   padding-bottom:4px;
   text-align:center;
   border-bottom:1px solid #cccccc;
   color:#cccccc;
}

.punbb .post-content img {
    vertical-align: text-bottom;
    border: 4px solid #E8E8E8;}

.ravel-mars {
   background-color:#E8E8E8;
   width: 440px;
   padding-left:20px;
   padding-right:20px;
   padding-top:25px;
   padding-bottom:25px;
   font-family: Open Sans;
   font-size:11px;
   line-height:110%;
   text-align: left;
   color:#191919;
    border-right: 10px solid #95ADAF;
    border-left: 10px solid #95ADAF;
    overflow: auto;
}
.ravel-mars i {
   font-style:italic;
   font-size:10px;
   font-weight:bold;
   line-height:100%;
   float:left;
   padding-left:15px;
   padding-right:3px;
   color:#191919;}

.ravel-had {
   background-color:#E8E8E8;
   width: 440px;
   padding-left:20px;
   padding-right:20px;
   padding-top:80px;
   padding-bottom:25px;
   font-family:playfair display;
   font-size:11px;
   text-align:justify;
   line-height:98%;
   color:#191919;
       border-right: 10px solid #95ADAF;
    border-left: 10px solid #95ADAF;
}

.ravel-ima {
    width: 150px;}

</style>
<center>
   <div class="ravel">
       <div style="padding-top:10px;"></div>
<div class="temptitle">
haze
</div><div class="minititle" style="padding-bottom:5px;">
the beast inside
</div>
  <div class="ravel-howl"></div><br><img src="http://33.media.tumblr.com/a66be0f6ce7e34d3d0ef04d19c103206/tumblr_nc8bmbDeFx1qeg6zlo1_r1_250.gif" border="0">
   </div> <div class="ravel-had"></div>
 <div class="ravel-mars">
Идеальных людей нет, во всех нас есть минусы и плюсы. Так же среди нас нет отпетых злодеев. Обратите особое внимание на этот пункт. Пожалуйста, напишите логичный характер, где каждый пункт не будет противоречить остальным. Мы не ждём ангелов, мы не ждём демонов во плоти. Опишите реальный характер, помните, что вам с ним придётся играть, поддерживая его на протяжение всей игры на проекте.
В этом же пункте обязательно укажите привычки вашего персонажа, его сильные и слабые стороны, предпочтения и вкусы.
</div>
   <div class="ravel" style="height:50px;">
       <div class="ravel-howl"></div>
   </div></center>