empty-span-size-001-ref.html (918B)
1 <!DOCTYPE html> 2 <link rel="author" title="David Shin" href="mailto:dshin@mozilla.com"> 3 <link rel="help" href="https://drafts.csswg.org/css-inline-3/#invisible-line-boxes"> 4 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1931466"> 5 <style> 6 .container { 7 border: 1px solid; 8 } 9 10 .oa { 11 height: 100px; 12 } 13 14 .filler { 15 height: 100px; 16 box-sizing: border-box; 17 border: 1px solid; 18 } 19 20 ul { 21 margin: 0; 22 } 23 24 .button { 25 box-sizing: border-box; 26 border-left: 1px solid; 27 width: 1px; 28 height: 11px; 29 display: inline-block; 30 vertical-align: top; 31 } 32 </style> 33 <div class="container"></div><br> 34 <div class="container oa"><div class="filler"></div></div><br> 35 <div class="container"><span style="border: 1px solid; border-right: 2px solid;"></span></div><br> 36 <div class="container"><ul><li> </li><li> </li></ul></div><br> 37 <div class="container"><div class="button"></div><span> </span></div><br>