<!DOCTYPE html>
<html>
<head>
<title>CSS Test Reference: flex container layout lowest order with row-reverse direction</title>
<link rel="author" title="tmtysk" href="mailto:[email protected]">
<link rel="reviewer" title="Tab Atkins, Jr." href="mailto:[email protected]">
<style>
#leftmost {
float: right;
}
#middle {
float: right;
}
#rightmost {
float: right;
}
</style>
</head>
<body>
<p>Test passes if the paragraph below reads 'First,Second,Third' from leftmost.</p>
<div id="test">
<p id="rightmost">Third</p>
<p id="middle">Second,</p>
<p id="leftmost">First,</p>
</div>
</body>
</html>