The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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.

    Thanks so much

    # December 14, 2008 at 8:56 pm

    This reply has been reported for inappropriate content.

    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


    # December 14, 2008 at 10:38 pm

    This reply has been reported for inappropriate content.

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed