Formatting lists

Discussion in 'CSS' started by valandil, Jul 25, 2009.

  1. #1
    Hey guys,

    I have been looking everywhere about how to do this but still can't find it. Here's what I'm trying to achieve:

    I want to create a list using the <ul> tag. But I want the list's elements to be separated.

    For example, now it's like this:

    1. Example line1
      Example line2
    2. Example 2
    3. Example 3

    What I want:

    1. Example line 1
    Example line 2

    2. Example 2

    3. Example 3


    Thanks for the help!
     
    valandil, Jul 25, 2009 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    Set {list-style-position: inside;}.

    cheers,

    gary
     
    kk5st, Jul 25, 2009 IP
  3. valandil

    valandil Peon

    Messages:
    37
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hey Gary, that's not what I mean. What I want to achieve is this:


    item 1
    item 1 line 2

    item 2
    item2 line 2

    item 3
    item 3 line 3


    As in the list items are grouped together and not all jumbled together. I hope that helps.
     
    valandil, Jul 25, 2009 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    Give the li a top and/or bottom margin.

    gary
     
    kk5st, Jul 25, 2009 IP
  5. valandil

    valandil Peon

    Messages:
    37
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Thanks! That's what I was looking for.
     
    valandil, Jul 26, 2009 IP