<!DOCTYPE html> <html><head><title>flexbox | multicol on flexbox items</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help"> <link href="reference/flexbox_columns-flexitems-2-ref.htm" rel="match"> <link content="ahem" rel="flags"> <style> div { background: blue; display: flex; justify-content: space-around; } p { font-family: ahem; background: yellow; column-rule: 1em solid lime; columns: 2; margin: 0; width: 200px; } </style> </head><body><div> <p> one two three four five one two three four five one two three four five </p> </div> </body></html>