Forums

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

Home Forums CSS List extend further than contain element

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #43826
    KevinEsther
    Member

    Why is the list item extending further than the containing box on this codepen.

    http://codepen.io/KevinEsther/full/qEkGL

    #130360
    wolfcry911
    Participant

    it’s because of the negative margin on the li. I’d change them from display: inline-block to float: left and remove the margin. you should also clear the border from the last anchor

    #130388
    KevinEsther
    Member

    Thanks. I have went with the float option like to use display inline-block however not easy when using lists. Removed the border. Any feedback on how I could improve?

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