Centrar con display: table-cell

[auroaff]

Hola, ahora les molesto con esta consulta: Edito el menú de un sitio responsive hecho en Wordpress, necesito que se vean completas las lineas que separan cada botón, tanto de lado derecho como izquierdo, leí que si uso Display: table-cell, en vez que el que tiene originalmente: inline-block, funciona pero se pierde el centrado del mismo y el menu se muestra a la izquierda en versión de escritorio.

Aqui esta el html y css. Edité en la linea 1621.
http://codepen.io/auroraff/pen/NpJYRG

Gracias por su ayuda

[pzin]

Casi mejor usar flexbox.

[CircuitoX]

Sobre el diseño de los menus, me parece que cada nombre deberia ser resumido para que ocupe solo una línea, o podrias crear otra campo como subtítulo para mostrar más texto.

Otra forma seria hacerlo con jquery, cuando se situe con el mouse sobre cada botón mostrar con hover un tooltip mostrando el subtítulo.

Un ejemplo con un campo adicional:
aitaperu.com