align-content_space-between-ref.html (773B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Flexible Box Test: align-content_space-between</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.<br> 20 2. No gap between the top of red rectangle and the top of rectangle 1, no gap between the bottom of red rectangle and the bottom of rectangle 3 too, and rectangle 2 is distributed so that the empty space between rectangle 1 and rectangle 3 is the same.</p> 21 <div id=test><div id=test01>1</div><div id=spacer></div><div id=test02>2</div><div id=spacer></div><div id=test03>3</div></div> 22 </body> 23 </html>