Cómo alinear al centro las pestañas de la interfaz de usuario de jQuery – con captura de pantalla

Solución:

Este recortado me ayudó en el pasado …

.centered .ui-tabs-nav {
    height: 2.35em;
    text-align: center;
}
.centered .ui-tabs-nav li {
    display: inline-block;
    float: none;
    margin: 0em;
}

tal vez esto también funcione para ti

La forma más sencilla es aplicar text-align: center en el contenedor (el elemento UL) y sacar a flote el LI:

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

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

Esto funcionó para mí y evitó el espacio (debajo de las pestañas) que mencionaste:

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

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

.ui-tabs-nav li a {
  float: none;
} 

---

---

Utiliza Nuestro Buscador