Grow your CSS skills. Land your dream job.

ol indentation question

  • # December 14, 2008 at 8:12 pm

    At the URL below I am interested to know how to make for an example a multi line LI all line up together rather than have all lines after the first one run underneath the number.

    http://www.openingweekend.org/faq.html

    Thanks so much

    # December 14, 2008 at 8:56 pm

    ol#faq {
    list-style-position: inside;
    }

    That should do it. You’ll probably have to give it a little left margin to get the numbers back inside your content area too.

    # December 14, 2008 at 9:11 pm

    Thanks Chris for responding – I already have that piece of code in my stylesheet. Maybe I should clarify what I’m hoping to do

    In that same URL for example with Number 1 I would like for the first word on the second line – ‘unique’ and the first word on the third line ‘Eldredge’ and the first word on the fourth line ‘answer’ to all line up with the first word on the first line ‘So’ – right now lines 2-4 line up under ’1.’ I understand that the words I have listed starting each line may vary depending upon screen resolution so I hope you get the gist – first word of each line beyond the very first line of each LI.

    Does that make sense? Just would like to see no content run underneath each number

    Thanks

    # December 14, 2008 at 10:38 pm

    That’s exactly what I was telling you how to fix, but I screwed up!

    I mean OUTSIDE, not INSIDE. Try that.

    # December 15, 2008 at 6:30 pm

    Ahhhh….thanks for taking time to clarify Chris. Appreciate it. Really enjoy what you’re doing with this site – learning much..

    Take care

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".