order-with-row-reverse-ref.html (671B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test Reference: flex container layout lowest order with row-reverse direction</title> 5 <link rel="author" title="tmtysk" href="mailto:tmtysk@gmail.com"> 6 <link rel="reviewer" title="Tab Atkins, Jr." href="mailto:jackalmage@gmail.com"> 7 <style> 8 #leftmost { 9 float: right; 10 } 11 12 #middle { 13 float: right; 14 } 15 16 #rightmost { 17 float: right; 18 } 19 </style> 20 </head> 21 <body> 22 <p>Test passes if the paragraph below reads 'First,Second,Third' from leftmost.</p> 23 <div id="test"> 24 <p id="rightmost">Third</p> 25 <p id="middle">Second,</p> 26 <p id="leftmost">First,</p> 27 </div> 28 </body> 29 </html>