|
1 <!DOCTYPE HTML> |
|
2 <head> |
|
3 <style> |
|
4 div { background: yellow; line-height: 1.0; font-size: 12px; width: 480px; border: 1px solid red; } |
|
5 ol { padding-left: 120px; width: 400px;} |
|
6 li { font-size: 36px; } |
|
7 </style> |
|
8 </head> |
|
9 <!-- |
|
10 In a 480px container, the minimum font size at 15em per line is 32px. |
|
11 This means we map 0px-48px into 32px-48px, so 12px gets mapped to 36px. |
|
12 The margins will be a little bit screwy, since we're fiddling with them |
|
13 to make the list rendering better. |
|
14 --> |
|
15 <body> |
|
16 <div> |
|
17 <ol> |
|
18 <li>Separate interface design from internals</li> |
|
19 <li>Enable multiple user-interface strategies</li> |
|
20 <li>Enable multiple-platform support</li> |
|
21 </ol> |
|
22 </div> |
|
23 </body> |