CSS как к центру таблицы

Question

Я заканчиваю создание сайта WordPress для моего клиента, но перед лицом небольшой контактной страницы с вопросом.

Я не могу центрировать таблицу с номером телефона и адрес электронной почты ...

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

Я попытался с margin:auto; text-align : center на селекторе столе, но он никогда не движется слева к центру во время моего теста в Chrome инспектора ...

Любая идея мне помочь?

Под рисунком показано, как это выглядит на самом деле. Я хотел бы цифры и почта центрируются

Answer 1

Вы могли бы иметь этот результат, добавив text-align: center на родителя table и затем display: inline-block в tbody.

Имейте в виду, что text-align будет применяться юстировке из inline и inline-block отображения элементов.

Answer 2

у вас есть правило CSS, применимое ко всем таблицам на документе:

table { 
    width: 100%; 
    margin-bottom: 20px; 
    border: 1px solid #e9e9e9; 
    border-collapse: collapse; 
    border-spacing: 0; 
} 

Вам необходимо перезаписать правило ширины Авто на " wpb_wrapper "класс

.wpb_wrapper table{width: 250px} /*or the value that you want*/ 

Надеюсь, это было бы полезно. С уважением.

Answer 3

Атрибут align может помочь вам непосредственно в html.

В вашем HTML, вы можете заменить это:

<table class=" aligncenter" style="height: 89px;" width="192"> 
<!-- The table --> 
</table> 

этим:

<table style="height: 89px;" width="192" align="center"> 
<!-- The table --> 
</table> 

Надежда это поможет вам

Answer 4

1. удалите ширину стола из бирки таблицы.
2. оберните эту таблицу внутри div.

3. присвойте следующий CSS этому div:

   .div_class { ширина: 230 пикселей;/* Или любая подходящая ширина для вас */ дисплей: блок; margin: 0 auto 25px auto; }

Answer 5

Примените этот стиль к классу AlignCenter:

.aligncenter { 
    display: inline-block; 
    clear: both; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
} 

, а также это TBODY

tbody 
{ 
    text-align: center; 
    display: inline-block; 
}