<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Image Marker in Background with CSS</title> <style> ul { list-style-type: none; } ul li { background-image: url("examples/resources/bullet.png"); background-position: 1px 5px; background-repeat: no-repeat; padding-left: 25px; margin: 5px } </style> </head> <body> <h1>Image as Bullet Point</h1> <ul> <li>Apple</li> <li>Banana</li> <li>Orange</li> </ul> </body> </html>