Я не уверен, хотите ли вы, чтобы они были выровнены рядом друг с другом или друг над другом (но в середине), но добавление text-align:center; к элементу ui-grid-c должно применяться к элементам div внизу и принудительнокнопки (<input> или <button>) центрируются, потому что они являются встроенными элементами.
Вот пример JSFiddle.
Редактировать
Кроме того, если вы хотите, чтобы они проходили через, вам понадобятся float внутренние делители и укажите для них ширину (33% должно быть хорошо, если у вас только три).Смотрите мой пример.
А вот код:
.ui-grid-c {
text-align:center;
}
.ui-grid-c > div {
width:33%; /*Remove this if you don't want them in a line*/
float:left; /*Remove this if you don't want them in a line*/
}