dynamic-shape-outside-1-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title>Reference: Dynamic change to shape-outside</title>

<style>

.circle {

  float: left;

  width: 25vmin;

  height: 25vmin;

  background: #f06;

  shape-outside: circle();

</style>

</head>

<body>

<div class="circle"></div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent

scelerisque pretium interdum. Nam rhoncus auctor consequat. Duis porta

tortor eu nibh efficitur, eget tempor tortor semper. Integer eu sem

placerat, sodales tortor at, ornare orci. Fusce id malesuada est. Aenean

 mattis augue sapien. Fusce efficitur ante sed porttitor blandit. Nam

facilisis aliquam elit, ut consequat quam interdum sit amet. Integer

bibendum turpis at mi dapibus dictum. Donec id lorem arcu. Pellentesque

tortor nunc, semper a dui vel, maximus varius orci. Maecenas posuere

enim in tempor imperdiet.

</body>

</html>