<div class="container">
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/123941/css-shapes-2.jpg" class="lapland" />
  <p>They can bend bows most easily that the most powerful Swedes or Norwegians could not bend at all. They dress,as you see, altogether in skins or coarse wool. The women dress very like the men, turning their hair up in a funny kind of knot.</p> 
  <p>The children, when small, are slung at their mother's back. They live in huts, or more often tents, made of wood and covered with cloth, with a hole at the top to let the smoke out. These tents have two doors, one for the men and the other for the women, as it is considered unlucky to meet a woman on going out to hunt.</p>
  <p>When a young man and woman are engaged to one another, as often as the young man pays a visit to his betrothed, he has to bring a bottle of brandy for the father-in-law — an arrangement which the father-in-law likes so much, that he keeps his daughter engaged as long as he can ; and when the marriage takes place, the son-in-law has to remain a year and work for his wife's father - before he can go off to his own home.</p>
</div><!-- container -->

<p>Demo by Patrick Catanzariti. <a href="css-shapes-breaking-rectangular-design">See article</a>.</p>
@import "https://s3-us-west-2.amazonaws.com/s.cdpn.io/123941/typeplate.css";
@import url(https://fonts.googleapis.com/css?family=Holtwood+One+SC|Quattrocento);

body {
  background: #990707;
  color: #ffffff;
  font-family: 'Quattrocento', serif;
h1 {
  color: #ffffff;
  font-family: 'Holtwood One SC', serif;
  font-size: 70px;
  font-weight: normal;
  padding-top: 10px;
  text-align: center;
.container {
  max-width: 600px;
.lapland {
  float: left;
  shape-outside: inset(1% round 45%);
  max-width: 400px;
  width: 70%;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.