list-1-ref.html (669B)
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>