eae@chromium.org | 0dc125c | 2013-01-15 23:21:34 +0000 | [diff] [blame] | 1 | <!DOCTYPE html> |
2 | <html> | ||||
3 | <head> | ||||
4 | <style> | ||||
5 | html { | ||||
6 | padding: 1em; | ||||
7 | } | ||||
8 | |||||
9 | body { | ||||
10 | zoom: 3.0; | ||||
11 | } | ||||
12 | |||||
13 | #one, #two { | ||||
14 | display: inline-block; | ||||
15 | padding: 0 0.5em; | ||||
16 | font-size: 10px; | ||||
17 | } | ||||
18 | |||||
19 | #one { | ||||
20 | line-height: 1.5; | ||||
21 | background-color: orange; | ||||
22 | } | ||||
23 | |||||
24 | #two { | ||||
25 | line-height: 1; | ||||
26 | border-width: 0.25em 0; | ||||
27 | border-color: #f60; | ||||
28 | border-style: solid; | ||||
29 | } | ||||
30 | </style> | ||||
31 | </head> | ||||
32 | <body> | ||||
33 | <div id="one">Hello</div> <div id="two">World</div> | ||||
34 | </body> | ||||
35 | </html> |