flexbox_wrap-long.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-flexbox/flexbox_wrap-long.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>flexbox | flex-wrap: wrap / long items</title>

<link rel="author" href="http://opera.com" title="Opera Software">

<link rel="help"

	href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">

<link rel="match" href="flexbox_wrap-long-ref.html">

<style>

div {

	background: blue;

	margin: 1em 0;

	border: 1px solid black;

	width: 20em;

	display: flex;

	flex-wrap: wrap;

span {

	background: white;

	margin: 1em;

	width: 8em;

	display: inline-block;

span:first-child {

	width: 24em;

</style>

<div>

	<span>one</span>

	<span>two</span>

	<span>three</span>

	<span>four</span>

</div>