JQuery UI Tabs - center

Question

Я использую вкладки пользовательского интерфейса JQuery, найденные на этом сайте: https://jqueryui.com/tabs/#default.

Внутри моих вкладок я создал таблицы с картинками. Я написал некоторый код css, чтобы получить вкладки по центру, но я хотел бы, чтобы таблица (или содержимое) внутри тела табуляции была также центрирована. Я предполагаю, что я должен сделать некоторые CSS для этого класса

класса = "UI-Вкладка панели UI-виджет-контент UI-уголок дна"

Вот мой JsFiddle https://jsfiddle.net/ubst2zxw/1/.

Для центрирования вкладки я сделал этот класс CSS:

.ui-tabs .ui-tabs-nav { 
    text-align: center; 
} 

.ui-tabs .ui-tabs-nav li { 
    float: none !important; 
    display: inline-block; 
} 

https://jsfiddle.net/ubst2zxw/1/

Answer 1

Вот таблица, а не текст. Вам необходимо центрировать таблицу, используя этот код:

table {margin: auto;} 

Это хорошо работает сейчас. Наслаждайтесь!

Fiddle: https://jsfiddle.net/7n4f1g9b/