align-content_center-ref.html (580B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Flexible Box Test: align-content_center</title> 5 <link rel="stylesheet" href="../support/test-style.css"> 6 <style> 7 #test { 8 height: 200px; 9 width: 80px; 10 } 11 #spacer { 12 width: 50px; 13 height: 25px; 14 } 15 </style> 16 </head> 17 <body> 18 <p>Test passes if:<br> 19 1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle and no gap between them.<br> 20 2. the rectangle 1, 2, 3 appear in middle left of red rectangle.</p> 21 <div id=test><div id=spacer></div><div id=test01>1</div><div id=test02>2</div><div id=test03>3</div></div> 22 </body> 23 </html>