treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] i have a problem with my UL positioning

  • hello everyone

    i need a bit of help with the positioning of my LI element.

    i am trying to position my LI elements within a UL.

    i want the first LI element to be position at the left of the UL with no left-margin or left-padding space between it and the UL element.

    You will note from the CODEPEN below that the first LI element (#bromnas01) seem to have a left-margin/left-padding of 10px.

    How do i get rid of this.

    http://codepen.io/anon/pen/hFGIo

    warm regards

    Andreea

  • Browser automatically add padding / margins to ul.

    I would look into a reset CSS or you can just set padding-left:0 on the UL as a one-time fix.

  • Hello Paulie_D

    once again, i thank u for your kind assistance on my query. Your advice worked.

    warmest regards

    Andreea

  • IE uses left margin for lists - not padding. So it might be best to zero the padding and margin