OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | |
3 <head> | |
4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | 2 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
5 <style> | 3 <style> |
6 .resultsDiv { | 4 .resultsDiv { |
7 position: absolute; | 5 position: absolute; |
8 top: 0px; | 6 top: 0px; |
9 left: 0px; | 7 left: 0px; |
10 -moz-column-width: 13em; | 8 -moz-column-width: 13em; |
11 -moz-column-gap: 5em; | 9 -moz-column-gap: 5em; |
12 -webkit-columns:1 1px; /* Make as many (overflowing) columns as necessary, b
ut keep them as narrow as possible */ | 10 -webkit-columns:1 1px; /* Make as many (overflowing) columns as necessary, b
ut keep them as narrow as possible */ |
13 -webkit-column-gap: 5em; | 11 -webkit-column-gap: 5em; |
14 columns:1 1px; | 12 columns:1 1px; |
15 column-gap: 5em; | 13 column-gap: 5em; |
16 column-fill: auto; | 14 column-fill: auto; |
17 height: 400px; | 15 height: 400px; |
18 } | 16 } |
19 </style> | 17 </style> |
20 </head> | |
21 <body> | |
22 <div>This table shows unicode-bidi: isolate behavior (in red) with display: inli
ne-block behavior overlapping in green. You should see no red in this test! Be
havior between these two methods should be identical for non-wrapping strings, a
ssuming unicode-bidi: isolate is implemented and functioning correctly.</div> | 18 <div>This table shows unicode-bidi: isolate behavior (in red) with display: inli
ne-block behavior overlapping in green. You should see no red in this test! Be
havior between these two methods should be identical for non-wrapping strings, a
ssuming unicode-bidi: isolate is implemented and functioning correctly.</div> |
23 | 19 |
24 <div id="resultsContainer" style="position: relative"> | 20 <div id="resultsContainer" style="position: relative"> |
25 <div id="actual" style="color: red" class="resultsDiv"></div> | 21 <div id="actual" style="color: red" class="resultsDiv"></div> |
26 <div id="expected" style="color: green;" class="resultsDiv"></div> | 22 <div id="expected" style="color: green;" class="resultsDiv"></div> |
27 </div> | 23 </div> |
28 | 24 |
29 <script> | 25 <script> |
30 var seed = 0; | 26 var seed = 0; |
31 | 27 |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
67 expected.appendChild(caseWithStyle(controlStyle)); | 63 expected.appendChild(caseWithStyle(controlStyle)); |
68 actual.appendChild(caseWithStyle(testStyle)); | 64 actual.appendChild(caseWithStyle(testStyle)); |
69 } | 65 } |
70 } | 66 } |
71 } | 67 } |
72 } | 68 } |
73 } | 69 } |
74 | 70 |
75 </script> | 71 </script> |
76 </table> | 72 </table> |
77 </body> | |
78 </html> | |
OLD | NEW |