| <!DOCTYPE html> | |
| <meta charset="UTF-8"> | |
| <title>CSS Reftest Reference</title> | |
| <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> | |
| <style> | |
| div | |
| { | |
| border: orange solid 4px; | |
| font-size: 20px; | |
| height: 208px; | |
| line-height: 1.3; /* computes to 26px */ | |
| margin-bottom: 1em; | |
| padding: 0.5em; /* computes to 10px */ | |
| width: 460px; | |
| columns: 4 auto; | |
| column-fill: auto; | |
| column-gap: 1em; /* computes to 20px */ | |
| column-rule: blue solid 4px; | |
| orphans: 1; | |
| widows: 1; | |
| } | |
| </style> | |
| <p>Test passes if the numbers inside both orange-bordered rectangles are <strong>distributed identically</strong>. | |
| <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br><br><br><br><br>13<br>14<br>15<br>16<br>17<br>18<br>19</div> | |
| <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br><br><br><br><br>13<br>14<br>15<br>16<br>17<br>18<br>19</div> |