<div class="container">
<div class="element"></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem, reprehenderit, impedit soluta similique eaque cupiditate consequuntur molestias ratione quod harum dolorum tempore aperiam odio voluptatem consequatur deserunt doloribus explicabo unde.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, error laboriosam voluptate tempore molestias aut fugit reiciendis illo odit ab nisi impedit veritatis quas cum tenetur perspiciatis nemo est corporis? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, est, quis, reiciendis id libero ea eos assumenda ab voluptatibus ipsum consequuntur deserunt harum atque illum optio ullam minima consequatur mollitia?
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi corporis est voluptas dolore. Adipisci, vel deleniti consequatur itaque eligendi minus ab quod nobis est qui? Neque, id aliquid eveniet fuga.
</p>
</div>
body {
color: #555;
font-size: 1.1em;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
hr {
margin: 50px 0;
}
.container {
margin: 50px auto;
width: 800px;
overflow: hidden;
}
.element {
width: 554px;
height: 831px;
float: right;
border: 1px solid #eee;
background: url(http://tympanus.net/codrops-playground/assets/images/cssref/properties/shape-image-threshold/swan.jpg);
background-size: cover;
-webkit-shape-outside: url(http://tympanus.net/codrops-playground/assets/images/cssref/properties/shape-image-threshold/alpha-image.png);
shape-outside: url(http://tympanus.net/codrops-playground/assets/images/cssref/properties/shape-image-threshold/alpha-image.png);
-webkit-shape-image-threshold: .2;
shape-image-threshold: .2;
}