list-1-ref.html 669 B

123456789101112131415161718192021222324
  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>