contain-size-flex-001-ref.html (822B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Reftest Reference</title> 6 <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu"> 7 <style> 8 .basic { 9 display: flex; 10 border: 1em solid green; 11 } 12 .height-ref { 13 height: 40px; 14 background: lightblue; 15 } 16 .width-ref { 17 width: 40px; 18 } 19 .floatLBasic-ref { 20 float: left; 21 } 22 .floatLWidth-ref { 23 float: left; 24 width: 40px; 25 } 26 </style> 27 </head> 28 <body> 29 <div class="basic"></div> 30 <br> 31 32 <div class="basic height-ref"></div> 33 <br> 34 35 <div class="basic height-ref"></div> 36 <br> 37 38 <div class="basic width-ref"></div> 39 <br> 40 41 <div class="basic width-ref"></div> 42 <br> 43 44 <div class="basic floatLBasic-ref"></div> 45 <br> 46 47 <div class="basic floatLWidth-ref"></div> 48 </body> 49 </html>