Bullet point alignment

text wrapping under the bullet

[Adam_C]

I've got a bit of an issue with bullet point lists that I'm trying to find a work-around for.

The second line of text is wrapping under the bullet point in each case. My client wants the text to be aligned at it the end of the bullet on all subsequent lines.

I'm sure this is easily done with tables, however, I'd prefer to use a sleeker method, possibly a CSS solution I'm thinking.

Any ideas?

[pageoneresults]

> The second line of text is wrapping under the bullet point in each case.

Hello Adam_C, are you using the <li> tag for your bullet points? The default behavior for the <li> bullet is to wrap your text and keep it in the same position that the first line of text starts at.

You can control how much of an indent is shown with your <li> by using css and the margin-left:30px; attribute or some number that suits your needs.

There will always be a left margin between your bullet and the lines of copy that come after it. Are you closing off your <li>? </li>?

[Adam_C]

I've got the problem fixed. I think it was caused by using a margin-bottom attribute

"list-style-position:outside;" has come to the rescue!

li {
margin-bottom: 10px;list-style-position:outside;
}