How to Set the different list style types (with CSS) on HTML <ul> Tag

<!DOCTYPE html> <html> <body> <h1>All the different list types for ul with CSS</h1> <ul style="list-style-type:circle"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <ul style="list-style-type:disc"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <ul style="list-style-type:square"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html>