Добрый день! Блоки не могут выравниваться, как текст. Аттрибут text-align: center - это для выравнивания текста.
Я знаю 3 способа решения проблемы:
1) Поставь блок с тегами в тег "p". И тогда сам тег "p" - выравнять с помощью text-align: center.
2) Использовать CSS FlexBox.
Блоку с болками задать display: flex. также задать justify-content: center. Далее flex-wrap: wrap.
3) Задать блоку с блоками margin: 0 auto.
Рекомендую 3й способ, но можете использовать любой на свое усмотрение. Просто способ 3, на мой взгляд, лучше подходит для решения вашей проблемы.
Желаю успеха. Если будут вопросы, смело задавайте,попробую помочь)))