contain-size-block-001-ref.html (1073B)
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 border: 1em solid green; 10 } 11 .height-ref { 12 height: 50px; 13 background: lightblue; 14 } 15 .width-ref { 16 width: 50px; 17 } 18 .floatLBasic-ref { 19 float: left; 20 } 21 .floatLWidth-ref { 22 float: left; 23 width: 50px; 24 } 25 .flexBaselineCheck { 26 display: flex; 27 align-items: baseline; 28 } 29 .innerContents { 30 color: transparent; 31 width: 0; 32 height: 0; 33 } 34 </style> 35 </head> 36 <body> 37 <div class="basic"></div> 38 <br> 39 40 <div class="basic height-ref"></div> 41 <br> 42 43 <div class="basic height-ref"></div> 44 <br> 45 46 <div class="basic width-ref"></div> 47 <br> 48 49 <div class="basic width-ref"></div> 50 <br> 51 52 <div class="basic floatLBasic-ref"></div> 53 <br> 54 55 <div class="basic floatLWidth-ref"></div> 56 <br> 57 58 <div class="flexBaselineCheck"> 59 outside before<div class="basic innerContents">i</div>outside after 60 </div> 61 </body> 62 </html>