CSS – Margin: 0 auto ;

[Chymmino]

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 !

[Paulie_D]

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.

[petridisc]

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

[Paulie_D]

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

[Chymmino]

inline-block works :) thanks guys :)

[Author]

Posts