Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
michael@0 | 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
michael@0 | 2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
michael@0 | 3 | <head> |
michael@0 | 4 | <title>CSS 2.1 Test Suite: Order of counters in out-of-flow content</title> |
michael@0 | 5 | <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/> |
michael@0 | 6 | <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/> |
michael@0 | 7 | <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/> |
michael@0 | 8 | <style type="text/css"> |
michael@0 | 9 | |
michael@0 | 10 | ul { display: block; margin: 0; padding: 0; } |
michael@0 | 11 | li, div { display: block; margin: 0; padding: 0; |
michael@0 | 12 | width: 3em; border: thin solid; } |
michael@0 | 13 | |
michael@0 | 14 | #four { border: none; } |
michael@0 | 15 | |
michael@0 | 16 | #two { float: left; } |
michael@0 | 17 | #three { position: relative; } |
michael@0 | 18 | #four { position: relative; } |
michael@0 | 19 | #four div { position: absolute; left: 8em; } |
michael@0 | 20 | #six { position: absolute; top: 5em; left: 12em; } |
michael@0 | 21 | #eight { position: fixed; top: 8em; left: 4em; } |
michael@0 | 22 | |
michael@0 | 23 | </style> |
michael@0 | 24 | </head> |
michael@0 | 25 | <body> |
michael@0 | 26 | |
michael@0 | 27 | <p>The number pairs (same digit repeated twice) "11" through "44" |
michael@0 | 28 | should appear on this page.</p> |
michael@0 | 29 | |
michael@0 | 30 | <ul> |
michael@0 | 31 | <li id="one"><span>1</span>1</li> |
michael@0 | 32 | <li id="two"><span>2</span>2</li> |
michael@0 | 33 | <li id="three"><span>3</span>3</li> |
michael@0 | 34 | <li id="four"><div><span>4</span>4</div></li> |
michael@0 | 35 | <li id="five"><span>5</span>5</li> |
michael@0 | 36 | <li id="six"><span>6</span>6</li> |
michael@0 | 37 | <li id="seven"><span>7</span>7</li> |
michael@0 | 38 | <li id="eight"><span>8</span>8</li> |
michael@0 | 39 | <li id="nine"><span>9</span>9</li> |
michael@0 | 40 | </ul> |
michael@0 | 41 | |
michael@0 | 42 | </body> |
michael@0 | 43 | </html> |