OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 | 2 |
3 <style> | 3 <style> |
4 html { -webkit-writing-mode: vertical-lr } | 4 html { -webkit-writing-mode: vertical-lr } |
5 | 5 |
6 #content { | 6 #content { |
7 -webkit-flow-into: flow1; | 7 -webkit-flow-into: flow1; |
8 text-align: justify; | 8 text-align: justify; |
9 padding: 5px; | 9 padding: 5px; |
| 10 font-family: Ahem; |
| 11 font-size: 10px; |
| 12 -webkit-font-smoothing: none; |
10 } | 13 } |
11 | 14 |
12 #first-box { | 15 #first-box { |
13 border: 1px solid blue; | 16 border: 1px solid blue; |
14 } | 17 } |
15 | 18 |
16 #second-box { | 19 #second-box { |
17 margin:10px; | 20 margin:10px; |
18 border: 1px solid green; | 21 border: 1px solid green; |
19 } | 22 } |
(...skipping 27 matching lines...) Expand all Loading... |
47 <p>This line of text should not get out of the region.</p> | 50 <p>This line of text should not get out of the region.</p> |
48 </div> | 51 </div> |
49 </div> | 52 </div> |
50 </div> | 53 </div> |
51 | 54 |
52 <div id="container"> | 55 <div id="container"> |
53 <div id="region1"></div> | 56 <div id="region1"></div> |
54 <div id="region2"></div> | 57 <div id="region2"></div> |
55 <div id="region3"></div> | 58 <div id="region3"></div> |
56 </div> | 59 </div> |
OLD | NEW |