Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › [Solved] Space li elements without spacing the last one?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 20, 2014 at 4:22 pm #163553
    ErraticFox
    Participant

    Hello, I’m looking for a way to space my li elements. If I was just to add

    div li { margin-right: 10px; }

    then the last li element would have a uneeded margin-right. So how can I overcome this?

    February 20, 2014 at 4:33 pm #163556
    ErraticFox
    Participant

    Alright, thank you. Worked like a charm and I shall do that next time.

    February 20, 2014 at 4:54 pm #163558
    Alen
    Participant

    Might want to bookmark this: http://www.w3.org/community/webed/wiki/Advanced_CSS_selectors

    February 20, 2014 at 5:52 pm #163560
    connorblikre
    Participant

    I usually put a margin-left on the list items and do one of these:

    li:first-child { margin-left:0; }

    First-child is supported back to IE7.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.