368155-negative-margins-1.html (1375B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>Minimum intrinsic widths combined with negative margins</title> 5 <style type="text/css"> 6 7 td { height: 2.5em; } 8 9 span { 10 display: inline-block; 11 height: 0.5em; 12 width: 1em; 13 } 14 15 </style> 16 </head> 17 <body> 18 19 <table border width="1"><tr><td> 20 <span style="margin-right: -1em"></span> 21 </td></tr></table> 22 <table border width="1"><tr><td> 23 <span style="margin-left: -1em"></span> 24 </td></tr></table> 25 <table border width="1"><tr><td> 26 <span style="margin: 0 -0.5em"></span> 27 </td></tr></table> 28 29 <table border width="1"><tr><td> 30 <span style="margin-right: -2em"></span> 31 </td></tr></table> 32 <table border width="1"><tr><td> 33 <span style="margin-left: -2em"></span> 34 </td></tr></table> 35 <table border width="1"><tr><td> 36 <span style="margin: 0 -1em"></span> 37 </td></tr></table> 38 39 <table border width="1"><tr><td> 40 <span style="margin-right: -2em"></span>​<span style="width: 3em"></span> 41 </td></tr></table> 42 43 <table border width="1"><tr><td> 44 <span style="width: 3em"></span>​<span style="margin-right: -2em"></span> 45 </td></tr></table> 46 47 <table border width="1"><tr><td> 48 <span style="width: 3em;"></span>​<span style="margin-left: -2em"></span> 49 </td></tr></table> 50 51 <table border width="1"><tr><td style="text-indent: -.75em"> 52 <span style="margin-right: -.75em"></span>​<span></span> 53 </td></tr></table> 54 55 </body> 56 </html>