baseline-of-scrollable-2-ref.html (1117B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title> 6 CSS Reference Case 7 </title> 8 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> 9 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 10 <style> 11 /* For this reference case, we use an empty block in place of the testcase's 12 "details" element, because empty blocks derive their baseline from their 13 margin-box (and that's the behavior that we're expecting from the 14 "details" elements in our testcase). */ 15 .details-ref { 16 display: inline-block; 17 height: 40px; 18 width: 100px; 19 border-color: gray; 20 border-style: solid; 21 border-width: 2px 3px 4px 5px; 22 padding: 4px 5px 7px 8px; 23 margin: 1px 2px 3px 4px; 24 } 25 </style> 26 </head> 27 <body> 28 Test passes if the a/b text aligns with the bottom margin-edge of the 29 gray rects. 30 <br><br> 31 32 a 33 <div class="details-ref"></div> 34 b 35 <br> 36 37 a 38 <div class="details-ref"></div> 39 b 40 <br> 41 42 a 43 <div class="details-ref"></div> 44 b 45 <br> 46 47 a 48 <div class="details-ref"></div> 49 b 50 51 </body> 52 </html>