Grow your CSS skills. Land your dream job.

CSS – Margin: 0 auto ;

  • # February 8, 2013 at 5:23 pm

    Hello guys,

    I am facing css problem, I just installed on my website pagination numbers

    please check it at the bottom http://www.product-investigation.com

    I already tried margin: 0 auto and center – yes I can use margin-left: x px, but it will look great on homepage but on other pages it will break it – so please help me to center it – thanks !

    # February 8, 2013 at 5:43 pm

    Firstly the ‘center’ element is not longer used and should be replaced with a div.

    Next,

    margin:0 auto;

    will not work unless you set a width to the div.

    # February 8, 2013 at 5:55 pm

    display: inline-block;
    on .pagination and replace ‘center’ with a div and
    text-align: center;
    on that

    # February 8, 2013 at 6:03 pm

    However, if you want the numbers in the center (and not the whole div) then that’s another matter.

    I would assume that really don’t want to set a width on the pagination div because other numbers might get added.

    That being the case, you can’t float the page links as they won’t center.

    Try inline-block instead: http://codepen.io/Paulie-D/pen/cytbm

    # February 9, 2013 at 3:23 am

    inline-block works :) thanks guys :)

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

You must be logged in to reply to this topic.

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