<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Numbering or Bullet Point Style of Lists</title> <style> ul { list-style-type: circle; } ol { list-style-type: upper-roman; } </style> </head> <body> <h2>Unordered List</h2> <ul> <li>Apple</li> <li>Bnana</li> <li>Papaya</li> </ul> <h2>Ordered List</h2> <ol> <li>Mango</li> <li>Orange</li> <li>pineapple</li> </ol> </body> </html>