Markup
<html> <head> <style type="text/css"> ol { list-style-type: decimal; } ol ol { list-style-type: lower-alpha; } ol ol ol { list-style-type: lower-roman; } </style> </head> <body> <ol> <li>Drinks <ol> <li>Tea</li> <li>Coffee <ol> <li>White</li> <li>Black</li> </ol> </li> <!--End coffee--> </ol> <!--End drinks--> </li> <li>Food <ol> <li>Cake</li> <li>Bread <ol> <li>White</li> <li>Brown</li> </ol> </li> <!--End bread--> </ol> <!--End food--> </li> </ol> </body> </html>