This is an old problem for which I've not seen a solution that works for me. I'm hoping since I last whined about it, someone has come up with the answer.

When there is an image at the left side of a post, a list (ul or ol) beside it will not be indented the same as when the image is not there. The bullets or numbers, instead of being indented, are far left in the image or the border of the image.

Do you know a solution for this?

Lane

Try using the list-style-position property in those cases.

Originally Posted by lmilesw

Try using the list-style-position property in those cases.

Thanks, Larry! The following CSS Insert did the trick:

div.page ul {
list-style-position:inside;
}

I'm using "div.page" because the list in question is on a page, rather than a post.

I had not known about the list-style-position property before and had resorted to padding to get the elements where I wanted them. This worked if no image was involved.

Later: I discovered the above would not work if the image were to the right of the list. The bullets were indented even if "outside" is used. The following is what I used to get the bullets lined up with the left margin of the rest of the text:

div.page ul {
list-style-position:outside;
padding:0 0 0 15px;
}

The result can be seen at http://i.imgur.com/NPStg.png
Lane