Элементы внутри div по центру и ширине

При попытке растянуть span по ширине div ничего не вышло. И text-align, который работает только для текста не помог, и inline-block тоже.
Как можно решить эту проблему?

.iconBox { width: 50%; margin: auto; }
.iconBox span { margin: auto; }

Ответ

.iconBox { width: 50%; margin: auto; background: #646464; display: table; } .glyphicon { background: #F0F4F8; display: table-cell; }

123

456

789

012