min-width-2.html - mozsearch

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html><head>

    <meta charset="utf-8">

    <title>Testcase for bug </title>

    <style type="text/css">

* {

    color:black; background:none; font-size:16px; padding:0; margin:0; font-family:monospace;

.c {

  -webkit-column-rule:2px solid blue;

  -o-column-rule:2px solid blue;

  -ms-column-rule:2px solid blue;

  column-rule:2px solid blue;

  -webkit-column-gap:0;

  -o-column-gap:0;

  -ms-column-gap:0;

  column-gap:0;

  height:2.2em;

  line-height:1em;

  border:dotted;

.col2 {

  -webkit-column-count:2;

  -o-column-count:2;

  -ms-column-count:2;

  column-count:2;

.cw {

  -webkit-column-width:4em;

  -o-column-width:4em;

  -ms-column-width:4em;

  column-width:4em;

.gap {

  -webkit-column-gap:2em;

  -o-column-gap:2em;

  -ms-column-gap:2em;

  column-gap:2em;

    </style>

</head>

<body>

<div style="width:250px; border:1px solid">

<table cellpadding=0 cellspacing=0><td><div class="c col2 gap">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table>

</div>

<div style="width:250px; border:1px solid">

<table cellpadding=0 cellspacing=0><td><div class="c col2">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table>

</div>

<div style="width:250px; border:1px solid">

<table cellpadding=0 cellspacing=0><td><div class="c gap cw">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table>

</div>

<div style="width:250px; border:1px solid">

<table cellpadding=0 cellspacing=0><td><div class="c cw">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table>

</div>

</body>

</html>