OLD | NEW |
1 <script src="../../resources/ahem.js"></script> | 1 <script src="../../resources/ahem.js"></script> |
2 <style> | 2 <style> |
3 div div { font-family: Ahem; font-size: 32px; -webkit-font-smoothing: none;
display: inline-block; margin: 8px 0; } | 3 div div { font-family: Ahem; font-size: 32px; -webkit-font-smoothing: none;
display: inline-block; margin: 8px 0; } |
4 .horizontal-bt { -webkit-writing-mode: horizontal-bt; } | 4 .flipped { writing-mode: vertical-rl; } |
| 5 div.flipped div { display: block; margin:0 8px 0 0; } |
5 .over { color: blue; -webkit-text-emphasis: "m"; -webkit-text-emphasis-posit
ion: over; } | 6 .over { color: blue; -webkit-text-emphasis: "m"; -webkit-text-emphasis-posit
ion: over; } |
6 .under { color: green; -webkit-text-emphasis: "m"; -webkit-text-emphasis-pos
ition: under; } | 7 .under { color: green; -webkit-text-emphasis: "m"; -webkit-text-emphasis-pos
ition: under; } |
7 </style> | 8 </style> |
8 <div> | 9 <div> |
9 <div> | 10 <div> |
10 1111 | 11 1111 |
11 <br> | 12 <br> |
12 <span>2222</span> | 13 <span>2222</span> |
13 <br> | 14 <br> |
14 <span class="over">3333</span> | 15 <span class="over">3333</span> |
(...skipping 12 matching lines...) Expand all Loading... |
27 <div> | 28 <div> |
28 1111 | 29 1111 |
29 <br> | 30 <br> |
30 <span class="under">2222</span> | 31 <span class="under">2222</span> |
31 <br> | 32 <br> |
32 <span class="over">3333</span> | 33 <span class="over">3333</span> |
33 <br> | 34 <br> |
34 4444 | 35 4444 |
35 </div> | 36 </div> |
36 </div> | 37 </div> |
37 <div class="horizontal-bt"> | 38 <div class="flipped"> |
38 <div> | 39 <div> |
39 1111 | 40 1111 |
40 <br> | 41 <br> |
41 <span>2222</span> | 42 <span>2222</span> |
42 <br> | 43 <br> |
43 <span class="under">3333</span> | 44 <span class="under">3333</span> |
44 <br> | 45 <br> |
45 4444 | 46 4444 |
46 </div> | 47 </div> |
47 <div> | 48 <div> |
48 1111 | 49 1111 |
49 <br> | 50 <br> |
50 <span class="over">2222</span> | 51 <span class="over">2222</span> |
51 <br> | 52 <br> |
52 <span>3333</span> | 53 <span>3333</span> |
53 <br> | 54 <br> |
54 4444 | 55 4444 |
55 </div> | 56 </div> |
56 <div> | 57 <div> |
57 1111 | 58 1111 |
58 <br> | 59 <br> |
59 <span class="over">2222</span> | 60 <span class="over">2222</span> |
60 <br> | 61 <br> |
61 <span class="under">3333</span> | 62 <span class="under">3333</span> |
62 <br> | 63 <br> |
63 4444 | 64 4444 |
64 </div> | 65 </div> |
65 </div> | 66 </div> |
OLD | NEW |