[html]<!--HTML-->
<style class="cp-pen-styles">
.rudy-t {
    margin: 0 auto;
    padding: 10px;
    width: 589px;
    height: auto;
    background: #232323;
    font-family: muli;
    font-size: 11px;
    line-height: 11px;
    border: 8px double #6d6d6d;
}

.rudy-t img {
max-width: 30%;
box-sizing: border-box;
margin-right: 10px;
margin-left: -30px;
filter: grayscale(0.75) brightness(0.8);
float: left;
-webkit-clip-path: url(#delta);
clip-path: url(#delta);
-webkit-shape-outside: polygon(34% 0, 34% 100%, 100% 54%);
shape-outside: polygon(34% 0, 34% 100%, 100% 54%);
}

svg#svgpath {
width: 0;
height: 0;
}

.rudy-t h1 {
    font-family: 'Yanone Kaffeesatz';
    color: #713118;
    text-align: center;
    font-size: 37px;
}

.textt {
    font-family: 'Montserrat';
    color: #7c7777;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
}

.rudy-t .bottom {
    background: #57534e;
    margin-bottom: -9px;
    margin-left: -9px;
    width: 597px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    color: #9f9c9c;
}
</style>

<div class="rudy-t">
<h1>It's hard to tell who's who these days</h1>
<br><br>
<img src="https://i.imgur.com/6nSeD9Y.gif" /><div class="textt">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla iaculis sagittis massa et condimentum. Suspendisse vulputate eleifend massa, non dignissim orci sagittis in. Aliquam erat volutpat. Donec vehicula, lorem quis maximus tristique, nibh mauris vehicula nulla, nec viverra mauris nisl ac tellus. Donec ac ullamcorper dolor. Suspendisse lacinia consectetur eros, eu consectetur felis scelerisque ac. Suspendisse dignissim nisi id tristique faucibus. Nam interdum hendrerit augue euismod euismod. Phasellus ultricies condimentum enim, sed laoreet ex sollicitudin nec. Ut sed vulputate lectus, vel ultricies tellus. Vestibulum ac elit nec diam laoreet viverra a ac purus. Praesent lobortis mauris vitae lacinia mattis. Morbi molestie tempus orci, vel blandit nulla viverra in. Maecenas ullamcorper diam lectus, sit amet sodales lorem sagittis ut. Donec commodo, magna sed rhoncus convallis, nibh risus eleifend nisi, fringilla tincidunt ante odio sed urna. Sed ac molestie lectus.</p>

<p>Integer sollicitudin justo at elit posuere pulvinar. Donec pulvinar augue quis nunc mattis mattis. Nam eleifend dui at nisl dictum semper. Nulla eu dui a massa luctus laoreet. Praesent tellus dolor, condimentum eget vestibulum vel, varius non arcu. Curabitur mi sapien, elementum vitae arcu vel, suscipit cursus orci. Integer faucibus nisl quis auctor eleifend. Sed nisi ipsum, interdum vel ipsum id, ultricies commodo felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>

<p>Donec quis elementum risus, eu ultrices risus. Ut id semper felis, dapibus fringilla est. Nam euismod imperdiet massa, eget commodo libero blandit auctor. Ut pretium venenatis dapibus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas scelerisque semper ante sit amet bibendum. Nam a hendrerit urna, id efficitur nunc.</p>

<p>Duis hendrerit velit est, mollis dictum dui pulvinar sit amet. Ut egestas tortor ex, in lobortis lectus pharetra faucibus. Mauris euismod dui in nulla placerat tincidunt. Donec a gravida eros. Duis finibus tortor nec lorem gravida interdum. Cras interdum lacinia velit, eu dapibus ante viverra eu. Suspendisse potenti.</p></div>

<svg id="svgpath">
<defs>
<clipPath id="delta" clipPathUnits="objectBoundingBox">
<polygon points=".24,0 .24,1 1,.54" />
</clipPath>
</defs>
</svg>

<div class="bottom">
tags | words | notes
</div>
</div>
<br>

<div class="poloskiPRAV">.</div>[/html]