Question

I’m using a pagination plugin called jqPagination. The thing is that I want to center it in a parent container, but the widget uses “float:left” in the css which makes this hard.

If I remove the float:left, the widget somewhat breaks and since it doesn’t use an explicit width, the old “margin-left:auto;margin-right:auto;” trick doesn’t work 🙁

How can I center this widget in a parent container?

Answer 1

Add .clearfix class (clearfix) to the jqPagination container and style

display: inline-block;
float: none;

After that wrap jqPagination container with another div and set text-align: center; for it.