| <!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/"> | |
| <!-- | |
| Date created: November 7th 2020 | |
| Last modified: November 17th 2020 | |
| --> | |
| <style> | |
| div | |
| { | |
| border: orange solid 4px; | |
| font-size: 20px; | |
| line-height: 1.3; /* computes to 26px */ | |
| height: 104px; /* Therefore, exactly 4 line boxes */ | |
| margin-bottom: 1em; | |
| padding: 0.5em; /* computes to 10px */ | |
| width: 490px; | |
| columns: 3 auto; | |
| column-fill: auto; | |
| column-gap: 1em; /* computes to 20px */ | |
| column-rule: blue solid 4px; | |
| widows: 1; | |
| } | |
| </style> | |
| <p>Test passes if the digits 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><br>8<br>9</div> | |
| <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br><br>8<br>9</div> |