Hello.

I am having a problem with one of the pages on my free image hosting site.

The problem is with bulleted lists; the bullets are not indenting to the right at all.

You can check out the problem in action on the free image hosting features page of the site.

How can I fix the bullet points so that they don't go off to the left/edge of the page like that? I don't know why it's not indenting as it should, ie:

• This is how bullets normally indent..

Thanks for your help.

you set the bullets from CSS

/* in the CSS file or into <style></style> tags */
ul { /* all block */
margin:0;
padding:5px /*top*/ 2px /*right*/ 1px /*bottom*/ 10px /*right*/;
}

li { /* one bullet */
margin:0;
padding:1px /*top*/ 5px /*right*/ 1px /*bottom*/ 7px /*right*/;
}

Thanks, that fixed it for the most part, but now I am trying to set it up so that it's a square instead of bullets.

Any idea how to fix it from displaying bullets?

see
http://www.w3schools.com/html/html_lists.asp and
http://www.w3schools.com/css/css_list.asp

so... add at the li:

list-style-type:circle;
[you can have an image with style-image:url(); etc... see the links]

Is this what you're looking for?
ul {
list-style: square;
}

hi mate

have you tried putting text indent in your css



li, ul,.{text-indent: 20px ;}

why text indent and not padding?