flexbox_first-line.html (740B)
1 <!DOCTYPE html> 2 <title>flexbox | first-line</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#placement"> 5 <link rel="match" href="flexbox_first-line-ref.html"> 6 <style> 7 ul { 8 background: #3366cc; 9 padding: 0; 10 list-style: none; 11 width: 900px; 12 13 display: flex; 14 flex-wrap: wrap; 15 } 16 li { 17 background: #ffcc00; 18 margin: 2em; 19 border: 1px solid black; 20 } 21 ul:first-child::first-line { 22 justify-content: space-around; 23 } 24 </style> 25 26 <ul> 27 <li>filler</li> 28 <li>Antidisestablishmentarianism</li> 29 <li>filler</li> 30 <li>Antidisestablishmentarianism</li> 31 <li>Antidisestablishmentarianism</li> 32 <li>filler</li> 33 <li>Antidisestablishmentarianism</li> 34 <li>filler</li> 35 </ul>