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