Forum Moderators: not2easy

Message Too Old, No Replies

OL Indent on Subsequent Lines

How to keep it the same as the first line?

         

voidstate

10:49 am on May 2, 2007 (gmt 0)

10+ Year Member



I have used a OL for a "bestsellers" list in the sidebar of a a site and it looks great... until a bestseller becomes too long for one line. Then the new line(s) are aligned with the automatically-generated number, not where the first line's text starts and it looks messy.

Is there a solution for this?

Thanks in advance

voidstate

Robin_reala

11:11 am on May 2, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The lines should all line up by default. Are you using text-indent or padding on the list item?

encyclo

12:27 pm on May 2, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Try adding the following rule:

list-style-position: outside;

This should push the generated number outside the list. Use

inside
for the reverse. :)