flexbox-baseline-empty-001-ref.html (1170B)
1 <!DOCTYPE html> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <!-- In this reference case, we have inline-blocks instead of inline 7 flex containers. Otherwise it's the same. --> 8 <html> 9 <head> 10 <title>CSS Reftest Reference</title> 11 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> 12 <meta charset="utf-8"> 13 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 14 <style> 15 body { 16 font: 20px Ahem; 17 } 18 .flexContainer { 19 display: inline-block; 20 height: 16px; 21 width: 16px; 22 background: purple; 23 border: 0px dotted black; 24 /* (Elements that want a border will set their border-width.) */ 25 } 26 </style> 27 </head> 28 <body> 29 A 30 <div class="flexContainer"></div> 31 <div class="flexContainer" style="padding-bottom: 20px"></div> 32 <div class="flexContainer" style="padding: 10px"></div> 33 <div class="flexContainer" style="border-width: 3px"></div> 34 <div class="flexContainer" style="border-bottom-width: 4px"></div> 35 <div class="flexContainer" style="border-bottom-width: 4px; margin: 2px"></div> 36 </body> 37 </html>