Content - 22bcc41a525520a2fb0669c7b1389ff12225df89 - 8b7edac/columnrule-overflow-ref.html

columnrule-overflow-ref.html

<!DOCTYPE html>
<html>
  <head>
    <title>Bug 746015: Off-screen overflow column rules are not properly drawn.</title>
    <style type="text/css">
    * {
    	margin: 0 0;
    	padding: 0 0;
    }

    body,html {
        padding: 0 0;
        margin: 0 0;
        line-height: 1.0;
    }

    div.column1 {
      display: inline-block;
      width: 180px;
      height: 175px;
      vertical-align: top;
      white-space: no-wrap;
    }

    div.content {
      width: 180px;
      height: 175px;
      background: blue;
    }

    div.column2 {
    	display: inline-block;
    	width: 180px;
    	height: 175px;
    	vertical-align: top;
    }

    div.colgap {
    	display: inline-block;
    	background-color: green;
    	width: 10px;
    	height: 175px;
    }
    </style>
  </head>
  <body>
      <div class="column1"><div class="content"></div></div><div class="colgap"></div><div class="column2"><div class="content"></div></div>
  </body>
</html>