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

[Solved] CSS - Margin: 0 auto ;

  • 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 !

  • 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.

  • display: inline-block; 
    

    on .pagination and replace 'center' with a div and text-align: center; on that

  • 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

  • inline-block works :) thanks guys :)