flexbox_direction-column-reverse.html

Enable keyboard shortcuts

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

<!DOCTYPE html>

<title>flexbox | flex-direction: column-reverse</title>

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

<link rel="help"

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

<link rel="match" href="flexbox_direction-column-reverse-ref.html">

<style>

div {

	background: blue;

	margin: 1em 0;

	border: 1px solid black;

	display: flex;

	flex-direction: column-reverse;

span {

	background: white;

	margin: 1em;

	width: 8em;

	display: inline-block;

.test {

	background: #ffcc00;

</style>

<div>

	<span class="test">filler</span>

	<span>filler</span>

	<span>filler</span>

	<span>filler</span>

</div>