<!--HTML-->

<style type='text/css'>
#herald { background-image: url(http://i.imgur.com/toa8t9n.png); width: 500px; height: 600px; overflow: auto; padding: 20px; box-shadow: 5px 5px 5px rgba(136,136,136,.4); }
.heraldbig { text-align: center; width: 500px; padding-top: 10px; padding-bottom: 10px; font-size: 40px; line-height: 25px; letter-spacing: 1px; font-family: Josefin Slab; color: #000; border-bottom: 3px solid #000; }
.heraldtitle { font-family: Oswald; font-size: 35px; text-align: left; width: 100%; color: #000; border-bottom: 1px solid #000; letter-spacing: -1px; line-height: 35px; }
.heraldsub { font-family: Playfair Display; font-size: 13px; line-height: 12px; font-style: italic; letter-spacing: 2px; text-align: left; padding-top: 2px; }
.heraldmain { text-align: justify; -moz-column-count:3; -webkit-column-count:3; column-count:3; color: #000; -moz-column-gap:8px; -webkit-column-gap:8px; column-gap:8px;  -moz-column-rule:1px outset #fff; -webkit-column-rule:1px outset #fff; column-rule:1px outset #fff; font-family: tahoma; font-size: 9px; line-height: 10px; width: 500px; height: 420px; overflow: auto; letter-spacing:0px; padding: 0px; }
.heraldmain::-webkit-scrollbar { background: #DBD7EF; width: 3px; height: 4px; }
.heraldmain::-webkit-scrollbar-thumb { background: #777777; width: 3px; height: 4px; }
.heraldmain::-webkit-scrollbar-corner { background: #DBD7EF; }
</style>

<center>

<div id="herald">

<div class="heraldbig">

Название новостей

</div>
<p/>
<table><tr><td style="width: 300px; height: 100px;"><div class="heraldtitle">

Заголовок новостей

</div>
<div class="heraldsub">

Автор/подзаголовок

</div></td>
<td style="width: 200px; height: 100px; padding: 0px;"><img src="http://placehold.it/200x100"/></td></tr></table>

<div class="heraldmain">

<div style="width: 80px; height: 90px; background-image: url(http://placehold.it/80x90); float: left; margin: 0px 10px 5px 0px; "></div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in mi eu ipsum commodo venenatis a et enim. Vivamus eu quam turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras sit amet felis est. Cras eget massa sed lacus gravida fermentum. Mauris rhoncus, libero consequat lacinia porta, libero orci pulvinar ante, a consectetur massa dolor sed nisl. Fusce eget mauris gravida, adipiscing ipsum at, rhoncus tellus. Praesent libero eros, facilisis at lobortis nec, mollis sed risus. In est purus, tincidunt at ullamcorper nec, tincidunt id diam. Integer ac diam et nulla tincidunt cursus. <br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in mi eu ipsum commodo venenatis a et enim. Vivamus eu quam turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras sit amet felis est. Cras eget massa sed lacus gravida fermentum. Mauris rhoncus, libero consequat lacinia porta, libero orci pulvinar ante, a consectetur massa dolor sed nisl. Fusce eget mauris gravida, adipiscing ipsum at, rhoncus tellus. Praesent libero eros, facilisis at lobortis nec, mollis sed risus. In est purus, tincidunt at ullamcorper nec, tincidunt id diam. Integer ac diam et nulla tincidunt cursus.<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in mi eu ipsum commodo venenatis a et enim. Vivamus eu quam turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras sit amet felis est. Cras eget massa sed lacus gravida fermentum. Mauris rhoncus, libero consequat lacinia porta, libero orci pulvinar ante, a consectetur massa dolor sed nisl. Fusce eget mauris gravida, adipiscing ipsum at, rhoncus tellus. Praesent libero eros, facilisis at lobortis nec, mollis sed risus. In est purus, tincidunt at ullamcorper nec, tincidunt id diam. Integer ac diam et nulla tincidunt cursus. <br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in mi eu ipsum commodo venenatis a et enim. Vivamus eu quam turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras sit amet felis est. Cras eget massa sed lacus gravida fermentum. Mauris rhoncus, libero consequat lacinia porta, libero orci pulvinar ante, a consectetur massa dolor sed nisl. Fusce eget mauris gravida, adipiscing ipsum at, rhoncus tellus. Praesent libero eros, facilisis at lobortis nec, mollis sed risus. In est purus, tincidunt at ullamcorper nec, tincidunt id diam. Integer ac diam et nulla tincidunt cursus. <br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in mi eu ipsum commodo venenatis a et enim. Vivamus eu quam turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras sit amet felis est. Cras eget massa sed lacus gravida fermentum. Mauris rhoncus, libero consequat lacinia porta, libero orci pulvinar ante, a consectetur massa dolor sed nisl. Fusce eget mauris gravida, adipiscing ipsum at, rhoncus tellus. Praesent libero eros, facilisis at lobortis nec, mollis sed risus. In est purus, tincidunt at ullamcorper nec, tincidunt id diam. Integer ac diam et nulla tincidunt cursus. <br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in mi eu ipsum commodo venenatis a et enim. Vivamus eu quam turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras sit amet felis est. Cras eget massa sed lacus gravida fermentum. Mauris rhoncus, libero consequat lacinia porta, libero orci pulvinar ante, a consectetur massa dolor sed nisl. Fusce eget mauris gravida, adipiscing ipsum at, rhoncus tellus. Praesent libero eros, facilisis at lobortis nec, mollis sed risus. In est purus, tincidunt at ullamcorper nec, tincidunt id diam. Integer ac diam et nulla tincidunt cursus. <br>

</div>

</div>


<p/>

</center>