flexbox_columns-flexitems-2.html (684B)
1 <!DOCTYPE html> 2 <title>flexbox | multicol on flexbox items</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <link rel="help" 5 href="http://www.w3.org/TR/css-flexbox-1/#flex-containers"> 6 <link rel="match" href="flexbox_columns-flexitems-2-ref.html"> 7 <link rel="flags" content="ahem"> 8 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 9 <style> 10 div { 11 background: blue; 12 13 display: flex; 14 justify-content: space-around; 15 } 16 p { 17 font-family: ahem; 18 background: yellow; 19 column-rule: 1em solid lime; 20 columns: 2; 21 margin: 0; 22 width: 200px; 23 } 24 </style> 25 26 <div> 27 <p> 28 one two three four five 29 one two three four five 30 one two three four five 31 </p> 32 </div>