<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Image as List Marker with CSS</title> <style> ul li { list-style-image: url("examples/resources/bullet.png"); margin: 10px; } </style> </head> <body> <h2>Image as Bullet Point</h2> <ul> <li>Apple</li> <li>Banana</li> <li>Orange</li> </ul> </body> </html>