shape-outside-empty-nothing-ref.html (562B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <title>Reference: Shape-outside empty area, no float impact</title> 6 <style> 7 body { 8 line-height: 0; 9 } 10 .container { 11 width: 600px; 12 } 13 box { 14 display: inline-block; 15 background-color: blue; 16 width: 100px; 17 height: 20px; 18 } 19 </style> 20 </head> 21 <body> 22 <div class="container"> 23 <box></box><br> 24 <box></box><br> 25 <box></box><br> 26 <box></box><br> 27 <box></box><br> 28 <box></box><br> 29 <box></box><br> 30 <box></box><br> 31 <box></box><br> 32 </div> 33 </body> 34 </html>