Status: PASS | Duration: 9ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi
/css/css-flexbox/flexbox_first-line.html
<!DOCTYPE html> <title>flexbox | first-line</title> <link rel="author" href="http://opera.com" title="Opera Software"> <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#placement"> <link rel="match" href="flexbox_first-line-ref.html"> <style> ul { background: #3366cc; padding: 0; list-style: none; width: 900px; display: flex; flex-wrap: wrap; } li { background: #ffcc00; margin: 2em; border: 1px solid black; } ul:first-child::first-line { justify-content: space-around; } </style> <ul> <li>filler</li> <li>Antidisestablishmentarianism</li> <li>filler</li> <li>Antidisestablishmentarianism</li> <li>Antidisestablishmentarianism</li> <li>filler</li> <li>Antidisestablishmentarianism</li> <li>filler</li> </ul>
/css/css-flexbox/flexbox_first-line-ref.html
<!DOCTYPE html> <title>flexbox | first-line</title> <link rel="author" href="http://opera.com" title="Opera Software"> <style> ul { background: #3366cc; padding: 0; list-style: none; width: 900px; display: block; } li { background: #ffcc00; margin: 2em; border: 1px solid black; display: inline-block; } </style> <ul> <li>filler</li><li>Antidisestablishmentarianism</li><li>filler</li><li>Antidisestablishmentarianism</li><li>Antidisestablishmentarianism</li><li>filler</li><li>Antidisestablishmentarianism</li><li>filler</li> </ul>