The following example displays the image-marker equally in all browsers:
HTML file: | Displayed by browser: |
---|---|
<style>
ul { list-style-type: none; padding: 0px; margin: 0px; } ul li { background-image: url(../html_beg/images/sqpurple.gif); background-repeat: no-repeat; background-position: 0px center; padding-left: 15px; } </style> <body> <ul> <li>Coffee</li> <li>Tea</li> <li>Pop</li> </ul> </body> |
Example explained:
|