columnrule-overflow-ref.html (960B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Bug 746015: Off-screen overflow column rules are not properly drawn.</title> 5 <style type="text/css"> 6 * { 7 margin: 0 0; 8 padding: 0 0; 9 } 10 11 body,html { 12 padding: 0 0; 13 margin: 0 0; 14 line-height: 1.0; 15 } 16 17 div.column1 { 18 display: inline-block; 19 width: 180px; 20 height: 175px; 21 vertical-align: top; 22 white-space: no-wrap; 23 } 24 25 div.content { 26 width: 180px; 27 height: 175px; 28 background: blue; 29 } 30 31 div.column2 { 32 display: inline-block; 33 width: 180px; 34 height: 175px; 35 vertical-align: top; 36 } 37 38 div.colgap { 39 display: inline-block; 40 background-color: green; 41 width: 10px; 42 height: 175px; 43 } 44 </style> 45 </head> 46 <body> 47 <div class="column1"><div class="content"></div></div><div class="colgap"></div><div class="column2"><div class="content"></div></div> 48 </body> 49 </html>