CSS margin issue

Sorry about the simple question..

do anyone know why my images on the button section of this page are not aligning correctly. the image on the far right seems to be pushed down. Doesn’t anyone know what’s causing this problem?

Link to Issue

Problem courtesy of: NewBoy


You need to remove any spaces or new line between


  • , so in the HTML mode of your CMS it should literally read
  • and not something like:

  • If that’s somehow not possible, contact the developers / forum of your CMS and ask there for help.

    Solution courtesy of: Tom Wijsman


    This is not valid html. You need to fix that first. Run your page through a validator and correct the “Element div not allowed as child of element ul in this context” errors.

    Discussion courtesy of: rainecc

    Lots of whitespaces above each

  • . Remove them and it should work fine. Use Chrome Developer Tools or Firebug to check ’em out.

    Discussion courtesy of: maxxon15

    You have a bunch of &nbsp ‘s that aren’t in tags. Looks like that seem to be the issue after removing them via Firebug. Remove them and it should line up.

    Discussion courtesy of: Chords

    There is a lot of white space after deleting it:

    Discussion courtesy of: Eric Fortis

    When I inspect the page I see extra html elements inserted into the document

  • The extra “nbsp”s are throwing off the alignment.

    Discussion courtesy of: Nunery

    This recipe can be found in it’s original form on Stack Over Flow .

    责编内容来自:CSS3 Recipes (源链) | 更多关于

    本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
    酷辣虫 » 前端开发 » CSS margin issue

    喜欢 (0)or分享给?
  • 专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

    使用声明 | 英豪名录