UL has margin on the left

Question

For some reason in my footer there s a space to the left of my ul so it isn t lined up with the content above it  membership text etc  If I were to put text outside this ul  but still within the footer wrapper  there is no such space   Here s what it looks like    HTML    lt  DOCTYPE html gt   lt html gt   lt head gt   lt title gt Ozanam Club  lt  title gt    lt link rel  stylesheet  href  css styles css    gt   lt link rel  stylesheet  href  css normalize css   gt    lt link rel  stylesheet  href  css flexslider css  type  text css  media  screen    gt   lt link rel  stylesheet  href  css fonts enigma css    gt    lt  head gt    lt body gt    lt div id  wrap  gt       lt header gt           lt div id  logo  gt  lt a href     gt  lt img src  images logo png  height  157px  width  237px  gt  lt  a gt  lt  div gt       lt  --      lt div class  social  gt         lt ul gt           lt li gt  lt a href     gt  lt img src  images icons facebook gif   gt  lt  a gt  lt  li gt           lt li gt  lt a href     gt  lt img src  images icons twitter gif   gt  lt  a gt  lt  li gt           lt li gt  lt a href     gt  lt img src  images icons youtube gif   gt  lt  a gt  lt  li gt       lt  ul gt       lt  div gt      -- gt           lt div id  navigation  gt           lt ul gt               lt li gt  lt a href     gt Home lt  a gt  lt  li gt               lt li gt  lt a href     gt Events lt  a gt  lt  li gt               lt li gt  lt a href     gt Clubs lt  a gt  lt  li gt         lt li gt  lt a href     gt Photos lt  a gt  lt  li gt               lt li gt  lt a href     gt F A Q lt  a gt  lt  li gt               lt li gt  lt a href     gt Contact lt  a gt  lt  li gt           lt  ul gt          lt  div gt        lt  header gt         lt section class  slider  gt           lt div class  flexslider  gt             lt ul class  slides  gt               lt li gt                   lt img src  images slider image1 gif    gt                   lt  li gt                   lt li gt                   lt img src  images slider image2 gif    gt                   lt  li gt                   lt li gt                   lt img src  images slider image3 gif    gt                   lt  li gt             lt  ul gt           lt  div gt         lt  section gt        lt div class  main  gt           lt h1 gt Ozanam Club lt  h1 gt           lt p gt The first Ozanam Club was started in May 1989 by James Lynch  a member of the St  Vincent De Paul society who himself had two children with learning difficulties  and who was concerned at the general lack of leisure provision for them  lt  p gt   lt p gt The Ozanam Club is a Special Works Conference of the St  vincent De Paul Society  The name of the clubs are called after Blessed Frederick Ozanam who is the founder of the S S V P  At this present time we have two clubs in Viewpark  an adults club and a seperate club for younger members  We have an adults club in Hamilton and  Paisley and also a club in Carfin for younger members   lt  p gt           lt h1 gt Membership lt  h1 gt           lt p gt Membership is open to anyone who has disablities  regardless of their race or religious belief  lt  p gt   lt p gt The aim of the clubs are a fun night out for our members and some temporary respite for parents  All of the clubs are run solely by volunteers who are disclosure checked prior to working with vulnerable adults children  lt  p gt  lt p gt  They are also made aware of the Adults Children Protection Procedures and encouraged to attend an information session  lt  p gt   lt p gt You can find more information on our a  lt a href     gt F A Q page  lt  a gt  lt  p gt        lt  div gt   lt div class  side  gt     lt img src  images events gif  alt  Events    gt     lt a href     class  button  gt View lt  a gt   lt  div gt    lt div class  side  gt     lt img src  images photos gif  alt  Events    gt     lt a href     class  button  gt View lt  a gt   lt  div gt    lt  div gt   lt footer gt     lt div id  footer-wrap  gt       lt ul gt         lt li gt  lt a href     gt Home lt  a gt  lt  li gt         lt li gt  lt a href     gt Events lt  a gt  lt  li gt         lt li gt  lt a href     gt Clubs lt  a gt  lt  li gt         lt li gt  lt a href     gt Photos lt  a gt  lt  li gt         lt li gt  lt a href     gt F A Q lt  a gt  lt  li gt         lt li gt  lt a href     gt Contact lt  a gt  lt  li gt       lt  ul gt      lt  div gt   lt  footer gt           lt  div gt     lt  div gt   lt script src  http   code jquery com jquery-1 9 1 min js  gt  lt  script gt   lt script defer src  js jquery flexslider-min js  gt  lt  script gt   lt script gt    window  load function           flexslider   flexslider       animation   slide             lt  script gt   lt  body gt   lt  html gt    CSS   body  background  white  background  url     images grunge png    font-family   EnigmaticRegular     wrap  margin  0 auto  width  100   max-width  1000px    header  position  relative     logo  margin  20px 0 0 0  display  block  float  left     social ul   z-index  1  list-style  none  position  absolute  top  0  right  0    social li   float  left    social img   height  35px  width  35px     navigation    width  100   max-width  1000px  height  200px  position  relative     navigation ul    padding  0 5em  background  white  border-radius  5px  border-bottom  solid 3px  3c88bc  display  inline-block  position  absolute  bottom  0  right  0    navigation li   padding-left  0 5em  padding-right  0 5em  list-style  none  font-style  none  font-family   EnigmaticBold   border-right  solid 1px black    navigation li last-child   border  0    navigation ul    navigation li  float  left     navigation a   color   195c8a  text-decoration  none  font-weight  bold    navigation a hover   color   13405f     main   float  left  margin-top  20px  width  625px    main h1  font-family   EnigmaticBold   color   13405f     main p  color   13405f    main a  color  inherit      side  float  right  margin-top  20px  border-radius  10px  margin-bottom  10      side a   text-decoration  none  color   3c88bc    button   font-size  14px font-family   EnigmaticBold   display  block  width  100px  margin  0 auto  text-align  center  background   fff  padding  5px  border-radius  10px  border-bottom  solid 3px  3c88bc    footer   height  100px  background   195c8a  clear  both     footer-wrap  margin  0 auto  padding  0  width  100   max-width  1000px     footer-wrap li   float  left  list-style  none  padding-right  3em    footer-wrap a  color  white  text-decoration  none

User · Accepted Answer

The  lt ul gt  element has browser inherent padding  amp  margin by default  In your case  Use    footer ul       margin  0     To remove default bottom margin         padding  0     To remove default left padding        or a CSS browser reset   https   cssreset com    to deal with this

User · Answer

I don t see any margin or margin-left declarations for  footer-wrap li   This ought to do the trick    footer-wrap ul   footer-wrap li       margin-left  0      list-style-type  none

User · Answer

by default  lt UL  gt  contains default padding  therefore try adding style to padding 0px in css class or inline css

[css] UL has margin on the left

Examples related to css

Examples related to html-lists

Examples related to space