I'm not sure how that would work for visitors with different screen resolutions.

There must be a way to do it cleanly?

Yes, you are correct. I differentiate for screen types by attaching separate style sheets. This of course still does not answer your question. My favorite is using the span tag. At the point where your text changes line set a span tag and indent. Tada!

I'm sorry Eric but I'm confused. Wouldn't that still leave the problem that it was forcing the text to break in a position that might not be appropriate for those with much lower screen resolutions?

hmm I didn't have to add any spaces or anything for mine, but my CSS file also doesn't have any specific settings for UL / LI other than my footer, and yours has a bunch of them. The very first part of your CSS file tells it to give UL & LI no margins, dunno if that's what it is but try taking those 2 out of that list and see if that fixes it? If not then just hit back and put them back in.

There are quite a number of list settings in your CSS that could be hindering the indents, but your CSS is quite involved and I haven't a clue which ones to tell you to check or change. Trial and error is how I usually find something, and if I can't then I'm usually back here asking again LOL.

All I can say is I "think" it's in your CSS file that the problem is stemming, but I'm not 100% sure on it.

Yes I know its the CSS and one or more of those settings is over riding the normal way for it to line up nicely. Its probably ever so simple but its escaping me at the moment.

Oh yes, I see what you are saying now. I guess I am not sure regarding the screen resolution problem. I guess it all depends on how far of screen resolution you are concerned with. You could set the <li> tag to indent, but that causes the same problem (I think). You could use a <p span> tag for each line - then define each span line to indent. I think for it to work properly you would also have to define the width.

Not sure this helps. Guess, I am just thinking out loud.

Change line 88 of your default.css file to the following:



Notice the list-style is changed to "outside" instead of "inside." Also, I added "margin-left: 30px;" to indent the list item a bit. Adjust settings to taste, bake for one hour, and let cool for 15 minutes

Never seen that.

Excellent! That did the trick. Thank you Book Publisher...so simple but it has evaded me for about 12 hours. Now I can keep going.

Grab the choccie before the others get it...

Your welcome. Chocolate Frog...excellent!