columnrule-overflow-ref.html 960 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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. body,html {
  11. padding: 0 0;
  12. margin: 0 0;
  13. line-height: 1.0;
  14. }
  15. div.column1 {
  16. display: inline-block;
  17. width: 180px;
  18. height: 175px;
  19. vertical-align: top;
  20. white-space: no-wrap;
  21. }
  22. div.content {
  23. width: 180px;
  24. height: 175px;
  25. background: blue;
  26. }
  27. div.column2 {
  28. display: inline-block;
  29. width: 180px;
  30. height: 175px;
  31. vertical-align: top;
  32. }
  33. div.colgap {
  34. display: inline-block;
  35. background-color: green;
  36. width: 10px;
  37. height: 175px;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div class="column1"><div class="content"></div></div><div class="colgap"></div><div class="column2"><div class="content"></div></div>
  43. </body>
  44. </html>