<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<style>
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
#circle-shape-example {
font-family: Open Sans, sans-serif;
margin: 2rem;
}
#circle-shape-example p {
line-height: 1.8;
}
#circle-shape-example .curve {
width: 33%; height: auto;
min-width: 150px;
float: left;
margin-right:2rem;
border-radius: 50%;
-webkit-shape-outside:circle();
shape-outside:circle();
}
</style>
</head>
<body>
<div id="circle-shape-example">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/kiwifruit-on-a-plate.jpg" alt="A photograph of sliced kiwifruit on a while plate" class="curve"><h1>KiwiFruit</h1>
