<!--HTML-->
<style>

.osntext{margin-top:10px; 
  color:#76717f;   text-align:left;
  font-family: calibri, sans-serif;
  color: #a6a4a9;
  font-size: 11px;
  line-height: 97%;text-transform: uppercase;}

.spis {
position: relative;  
width: 550px;
background: url(http://coolstorycross.f-rpg.ru/files/0016/48/21/14031.jpg); 
 border: 10px double #2d2934;
padding-bottom:50px;
}

.spisname{margin:50px; font-family: 'bebas neue' !important; text-transform: uppercase; letter-spacing: 3px; text-align: center; font-size:40px; background:#16131c; padding-top:50px; padding-bottom:55px;border-bottom:13px solid #ae813c; color:#ae813c;}

.spisname1{margin-top:-125px; color:#76717f; font-family: georgia !important; text-transform: uppercase; letter-spacing: 2px; text-align:center; font-size:8px;}

.line{height:1px;width: 300px; background:#ae813c; margin-top:-3px;}

.mainspis{padding-left:30px;
padding-top:30px;
margin-top:66px;
width: 420px;
background:#383341;
text-align:left;
text-align: justify;
font-family:arial;
font-size:9px;
border-bottom:7px solid #16131c;

}

.title{ font-family: 'bebas neue' !important; text-transform: uppercase; letter-spacing: 3px; text-align: left; font-size:24px; color:#79787B;}

</style>

<center>
<br><br><br>
<div class="spis">
<div class="spisname">LIBRARY</div>
<div class="spisname1">«завершенные отыгрыши»</div>
<div class="mainspis">
<div class="title">‣ ОСНОВНОЙ СЮЖЕТ</div>
<div class="line"></div>
<div class="osntext">
<a href="">название отыгрыша</a> ‣ участники через запятую <br>
<a href="">название отыгрыша</a> ‣ участники через запятую <br>
</div>

<br><br><div class="title">‣ ВАШИ ПРИКЛЮЧЕНИЯ</div>
<div class="line"></div>
<div class="osntext">

</div>

<br><br><div class="title">‣ ВНЕ ВРЕМЕНИ И ПРОСТРАНСТВА </div>
<div class="line"></div>
<div class="osntext">

</div>

<br><br>

</div>
</div><br>
</center>

<a href="">название отыгрыша</a> ‣ участники через запятую <br>