Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Add Style To Bulleted Or Numbered List

DZone's Guide to

Add Style To Bulleted Or Numbered List

·
Free Resource
// This is a styling for you numbered or bulleted list, works perfectly on firefox, safari and ie 


ul {
	display: block;
	padding-left: 0;
	margin-left: 5px;
	list-style-type: none;
	text-decoration: none;
	text-align:left; }

ul li {
	margin-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px; /* set to width of the image, bullet.png with some extra padding to it to prevent text from sticking to the image */
	line-height: 16px; /* set to height of the image, bullet.png */
	background: transparent url(images/bullet.png) 0% 0% no-repeat; /* this image is 16 by 16 pixel */
}
Topics:

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}