Forums

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

Home Forums CSS Spacing between two floating lists

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #42518
    bogus
    Participant

    Hey all,

    today i got some trouble with lists. I have two unordered lists that are floating right in order to be in a row. how do i influence the spacing between them the right way?

    heres a [CodePen](http://codepen.io/anon/pen/uFtyL “”).

    #123537
    Jozsef K.
    Participant

    If you want only between them and not between the right side and the last list than you could use this rule:

    ul+ul { margin-left:20px }

    #123540
    bogus
    Participant

    I wan’t to separate only the uls not the lis. as you can see in my CodePen there’s not even a way to define the distance between the two uls. even when i set the ul properties to

    margin-left:0px;

    #123543
    Kitty Giraudel
    Participant

    This works like a charm.

    ul+ul { margin-left:20px }

    #123545
    bogus
    Participant

    What Melindrea said works: [CodePen](http://codepen.io/anon/pen/ysLFb “”). Thank you!


    @jozsef
    & Hugo: could not get it to work with float:right. Maybe you can fork?

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