6 font: 20px/1 Ahem, sans-serif;
7 border: 1px solid black;
13 display: inline-block;
20 -webkit-shape-outside: inset(20px 0 0 0);
23 -webkit-shape-outside: inset(0 20px 0 0);
26 -webkit-shape-outside: inset(0 0 20px 0);
29 -webkit-shape-outside: inset(0 0 0 20px);
34 <div class="test container">
35 <div style="float: left" class="float top"></div>
40 <div class="test container">
41 <div style="float: right" class="float top"></div>
46 <div class="test container">
47 <div style="float: left" class="float right"></div>
52 <div class="test container">
53 <div style="float: left" class="float bottom"></div>
58 <div class="test container">
59 <div style="float: right" class="float bottom"></div>
64 <div class="test container">
65 <div style="float: right" class="float left"></div>
71 <p>Requires Ahem font. Each container contains a different inset shape-outside.</p>
72 <p>Issue <a href="https://code.google.com/p/chromium/issues/detail?id=338523">338523</a>: [CSS Shapes] Support inset for shape-outside</p>