<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Right-aligned bullets</title> <style type="text/css"> ul, li { padding:0; margin:0; } ul li { list-style:none; background: url(bullet-reversed.gif) no-repeat right center; padding-right:20px; text-align:right; } </style> </head>
<body> <ul> <li>This is a list item</li> <li>This is a list item </li> <li>This is a list item</li> <li>This is a list item </li> <li>This is a list item</li> <li>This is a list item </li> </ul> </body> </html>
