Search code examples
csscentercss-tables

CSS how to center table

I'm finishing set up a WordPress site to my client but I am facing a little issue ion contact page.

I cannot center the table with phone number and email...

http://asepticservices.fr/fr/contact/

I tried with margin:auto; text-align : center on table selector but It never moves from left to center during my test in Chrome inspector...

Any idea to help me ?

Below picture shows how it looks actually. I would like the numbers and mail to be centered

enter image description here

Solution

  • You could have this result adding text-align: center on the parent table and then display: inline-block in the tbody.

    enter image description here

    Keep in mind that text-align will apply aligning of the inline and inline-block displayed elements.