<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Reference: Shape-outside empty area, float text around a vertical line</title> <style> body { line-height: 0; } .container { width: 600px; } box { display: inline-block; background-color: blue; width: 100px; height: 20px; margin-left: 190px; } </style> </head> <body> <div class="container"> <box></box><br> <box></box><br> <box></box><br> <box></box><br> <box></box><br> <box></box><br> <box></box><br> <box></box><br> <box></box><br> </div> </body> </html>