Grow your CSS skills. Land your dream job.

i have a problem with my UL positioning

  • # February 9, 2013 at 4:02 am

    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

    # February 9, 2013 at 4:22 am

    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.

    # February 9, 2013 at 6:22 am

    Hello Paulie_D

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

    warmest regards

    Andreea

    # February 9, 2013 at 10:44 am

    IE uses left margin for lists – not padding. So it might be best to zero the padding _and_ margin

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".