lists-style.html 695 B

1234567891011121314151617
  1. <div id="snippet-lists-styles">
  2. <p>Let's use the coffee recipe from the demo in section <a href="#demo">Ordered and unordered lists</a> and use the list styles feature.</p>
  3. <p>Ingredients required for making a coffee:</p>
  4. <ul style="list-style-type:circle;">
  5. <li>15g coffee ground</li>
  6. <li>a cup</li>
  7. <li>water</li>
  8. </ul>
  9. <p>How to prepare the coffee?</p>
  10. <ol style="list-style-type:decimal-leading-zero;">
  11. <li>Gather the ingredients</li>
  12. <li>Put 15g of the coffee ground into the cup</li>
  13. <li>Boil 200ml of water</li>
  14. <li>Pour water into a cup</li>
  15. <li>Optional: add milk as you wish</li>
  16. </ol>
  17. </div>