Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>
<style type="text/css">
 
.hpdh-kreacher {
    width: 600px;
    height:126px;
    background-image:url(http://i.imgur.com/DX0XpBS.png);
}
.hpdh-dobby {
    width:80px;
    height:80px;
    padding:0px;
    border:8px transparent;
}
.hpdh-winky {
    width:200px;
    font-family:playfair display;
    font-size:11px;
    font-style:italic;
    padding-bottom:4px;
    text-align:center;
    border-bottom:1px solid #fcfcfc;
    margin-left:26px;
    color:#fcfcfc;
}
.hpdh-griphook {
  background-image: url("http://funkyimg.com/i/2ed4Z.png");
background-color: #bdc4c3;
  color: #01221b;
    width: 580px;
    padding-left:10px;
    padding-right:10px;
    padding-top:25px;
    padding-bottom:25px;
    font-family:victorian let;
    font-size:14px;
    text-align:justify;
    line-height:98%;
    color: 00000
}
.hpdh-griphook i {
    font-style:italic;
    font-size:30px;
    font-weight:bold;
    line-height:100%;
    float:left;
    padding-left:10px;
    padding-right:3px;
    color:#191919;
}</style>

<center>
    <div class="hpdh-kreacher">
        <div style="padding-top:10px;"></div>
        <table>
            <tr>
                <td>
                    <div class="hpdh-dobby">
                        <img src="http://i.imgur.com/DX0XpBS.png">
                    </div>
                </td>
                <td>
                    <div class="hpdh-winky"><br> 
<br> список персонажей
<br></div>
                </td>
            </tr>
        </table>
    </div>
    <div class="hpdh-griphook">

     <style>
.temptop {
    width: 420px;
    background-color: #023329;
    color:#cccccc
    
</style>

<head>
  <meta charset="utf-8">
  <title>border-radius</title>
  <style>
   .radius {
    background: transparent; /* Цвет фона */
    border: 1px solid black; /* Параметры рамки */
    padding: 15px; /* Поля вокруг текста */
    margin-bottom: 10px; /* Отступ снизу */
   }
  </style>
 </head> 
 <body> 
  <div style="border-radius: 8px;" class="radius">

  1.	На ролевой действует эпизодическая система игры. Данная система предоставляет игрокам широкий список возможностей для организации своих отыгрышей, не ограничивая их временными рамками и привязкой к локациям; <br>
2.	Рейтинг ролевой 18+: разрешено подробное описание сцен насильственного и сексуального характера; употребление ненормативной лексики; </br>
3.	На проекте отсутствует мастеринг. Если игроки испытывают трудности в создании сюжетной завязки, то они могут обратиться за помощью в соответствующую тему. Дальнейшее вмешательство мастера в их отыгрыш не предполагается. <br></p></div>

 </body>


<center><b>я знаю, наверно, я вечности древо <br>
и кровью моею накормлены звезды, <br> 
а птицы в листве - 
мои сны и мечты. <br> 
и если паду я,
подрубленный смертью, - <br>
обрушится небо. <br>  </b><br>
 </center>
<br>
<br>

        <i>Д</i>ревний лес уходит корнями в глубокое прошлое, присутствует - незримо или же явно - почти в каждой волшебной истории. Лес бывает участником, бывает судьей, иллюзией, свидетелем, а бывает жертвой. И все же его присутствие ощутимо, точно лес каждой легенды лишь часть целого, категория вне пространства и вне века.<br>
<br>
<i>Е</i>го тропы влекли путешественников Средиземья, он скрывал легендарных разбойников британских мифов и прорастал сквозь стены Серого Дома. Броселианд охранял сон чародея Мерлина, Лес-между-мирами стал связующей нитью между Нарнией и современностью, но за все века никому не удавалось достичь его сердца - поскольку на каждую историю найдется свое.  <br>
<br>
<i> Л</i>юбому, - преступнику или герою, - он даст кров и крышу, собранную из переплетения ветвей, разными путями разведет героев разных легенд или же сведет их дороги в единую, - воля Леса непостижима. В его тени создаются новые истории и переписываются старые мифы, но не стоит забывать об осторожности - дикие звери бродят теми же тропами, и из-за темных ветвей за путниками смотрят дочери Короля Ольхи. 
<br>

</div>
    <div class="hpdh-kreacher" style="height:50px;">
        <div class="hpdh-winky" style="padding-top:13px; margin-left:0px; font-size:9px;"> <center> CROSS-AGE: <br> Erwin Smith, Levi, Yata Misaki, Tenrias Lavellan </center></div>
    </div>
    <div style="font-size:8px; text-transform:uppercase;"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">THANKS</a> <a href="http://code.jfbs.net/index.php?showtopic=35">MERC</a>
    </div>
</center>