How can I justify an unordered list? Options

[ahill92]

I have a list I'm trying to create and I can't get it to look the way I want. I want the entire list centered on my page, but I want the list (each line) and my bullets to be lined up and justified. Right now each line is centered in the page. I've tried all sorts of things and nothing seems to work. I hope I'm explaining myself in a logical way, but here's my page link to help you see what I mean:

http://www.wondersofdisney.yolasite.com/logos

I mostly know html and a little css. Another dumb question - can you mix the two? Anyways, I would appreciate any help as I'm pulling my hair out having worked on this for 2 days!

Thanks!!!!!!!!

[wgabrie]

I think the missing bullets is an Internet Explorer issue, with IE trying to hide the bullets when someone tries to alter the margin or padding on a list. Here's a workaround. It uses CSS's List Style Position to put the bullet inside the list element.

CODE

ul {width:50%; margin:0px auto; text-align:left; list-style:circle inside url(http://wondersofdisney.yolasite.com/resources/redmickbullet.png);}
ul ul {list-style:disc inside url(http://wondersofdisney.yolasite.com/resources/smredbullet2.png);}

This post has been edited by wgabrie: Oct 16 2010, 11:47 AM