HTML
CSS
PHP
Deno
Examples
Do It Yourself
Blog
Type in your code below
Run
<!DOCTYPE html> <html> <head> <title>CSS List Style Image Cross-Browser Solution</title> <style> ul { list-style-type: none; padding: 0px; margin: 0px; } ul li { background-image: url(square-mark.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 15px; } </style> </head> <body> <ul> <li>This works perfectly on all (modern) browsers.</li> <li>Including Chrome, Opera and Firefox.</li> <li>Also works on IE!</li> </ul> </body> </html>