flexbox_justifycontent-spacebetween-negative.html

Enable keyboard shortcuts

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

<!DOCTYPE html>

<title>flexbox | justify-content: space-between / negative</title>

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

<link rel="help"

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

<link rel="match" href="flexbox_justifycontent-spacebetween-negative-ref.html">

<style>

div {

	background: blue;

	margin: 1em 0;

	border: 1px solid black;

	height: 8em;

	width: 17em;

	display: flex;

	justify-content: space-between;

span {

	background: white;

	margin: 1em;

	width: 4em;

	display: inline-block;

	flex: 0 0 auto;

span:nth-child(1) {background: yellow;}

span:nth-child(2) {background: pink;}

span:nth-child(3) {background: lightblue;}

</style>

<div>

	<span>one</span>

	<span>two</span>

	<span>three</span>

</div>