min-width-2-ref.html (1694B)
1 <!DOCTYPE HTML> 2 <html><head> 3 <meta charset="utf-8"> 4 <title>Testcase for bug 1109571</title> 5 <style type="text/css"> 6 * { 7 color:black; background:none; font-size:16px; padding:0; margin:0; font-family:monospace; 8 } 9 10 .c { 11 height: 2.2em; 12 line-height: 1em; 13 border: dotted; 14 white-space: pre; 15 position: relative; 16 } 17 18 g { display:inline-block; width:2em; } 19 z { position:absolute; top:0; bottom:0; color:white; border-right:2px solid blue; margin-left:-1px; } 20 o { position:absolute; top:0; right:0; width:0; } 21 x { position:relative; z-index:1; } /* to render it above the blue bar */ 22 </style> 23 </head> 24 <body> 25 26 27 <div style="width:250px; border:1px solid"> 28 <table cellpadding=0 cellspacing=0><td><div class="c"><z style="padding-left:1em"> </z><x>xxxx</x><g></g><x>xxxx</x><br><x>xxxx</x><g></g><x>xxxx</x></div></td><td><x>xxxxxxxxxxxxxxxxxxxxxxxxx</x></table> 29 </div> 30 <div style="width:250px; border:1px solid"> 31 <table cellpadding=0 cellspacing=0><td><div class="c"><z> </z><x>xxxxxxxx</x><br><x>xxxxxxxx</x></div></td><td><x>xxxxxxxxxxxxxxxxxxxxxxxxx</x></table> 32 </div> 33 34 <div style="width:250px; border:1px solid"> 35 <table cellpadding=0 cellspacing=0><td><div class="c"><z style="padding-left:1em"> </z><x>xxxx</x><br><x>xxxx</x><o><g></g><x>xxxx</x><br><g></g><x>xxxx</x></o></div></td><td><x>xxxxxxxxxxxxxxxxxxxxxxxxx</x></table> 36 </div> 37 38 <div style="width:250px; border:1px solid"> 39 <table cellpadding=0 cellspacing=0><td><div class="c"><z> </z><x>xxxx</x><br><x>xxxx</x><o><x>xxxx</x><br><x>xxxx</x></o></div></td><td><x>xxxxxxxxxxxxxxxxxxxxxxxxx</x></table> 40 </div> 41 42 </body> 43 </html>