<rml>
<head>
	<link type="text/rcss" href="/../Tests/Data/style.rcss" />
	<title>CSS Test Reference: flex container multiline wrapping in column-reverse direction</title>
	<link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" />
	<link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" />
	<style>
		* {
			margin: 0;
			padding: 0;
			font-size: 100%;
			line-height: 1;
		}

		.test {
			width: 300px;
			float: left;
			width: 33.3333%;
		}

		p {
			margin-top: 10px;
			margin-right: 10px;
			background-color: #eee;
		}

		#row1-col1 {
			height: 90px;
		}

		#row1-col2 {
			height: 90px;
		}

		#row1-col3 {
			height: 90px;
		}

		#row2-col1 {
			height: 140px;
		}

		#row2-col2 {
			height: 140px;
		}

		#row3-col1 {
			height: 290px;
		}

		.clear {
			clear: both;
		}
	</style>
</head>
<body>
	<div class="test">
		<p id="row1-col1">1-1</p>
		<p id="row1-col2">1-2</p>
		<p id="row1-col3">1-3</p>
	</div>
	<div class="test">
		<p id="row2-col1">2-1</p>
		<p id="row2-col2">2-2</p>
	</div>
	<div class="test">
		<p id="row3-col1">3-1</p>
	</div>
	<div class="clear"></div>
</body>
</rml>
