shape-outside-empty-line-ref.html (604B)
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, float text around a vertical line</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 margin-left: 190px; 19 } 20 </style> 21 </head> 22 <body> 23 <div class="container"> 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 <box></box><br> 33 </div> 34 </body> 35 </html>