third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-line-spans-box-corners.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 #container {
   6     font: 100px/1 Ahem, sans-serif;
   7     width: 200px;
   8     height: 200px;
   9     color: green;
  10 }
  11
  12 #left-border-box {
  13     shape-outside: border-box;
  14     float: left;
  15     border-radius: 50px;
  16     width: 100px;
  17     height: 100px;
  18     background-color: blue;
  19     background-clip: border-box;
  20 }
  21 </style>
  22 </head>
  23 <body>
  24     <div id="container">
  25         <div id="left-border-box"></div>
  26         X
  27     </div>
  28 </body>
  29 </html>