Выравнивание по центру - Вопросы по CSS

Привет 
Не могу разобраться как сделать чтоб материалы модуля отображались по центру. (по ширине)
Какая команда за это отвечает? "Float: center;" - так не получается.

text-align:center

text-align:center

Так выравнивается сам текст, а я хочу сделать чтоб сами блоки материала растянулись по ширине. Убрать пустое пространство, которое на картинке показано.

Например чтобы эти 4 блока встали по центру или расстояния между ними автоматом становились так чтобы они были по центру

Если это блочные элементы, и их надо выставить 4 в ширину то можно сделать следующее:
1. Создать для них общего родителя, задать ему какую то ширину.
2. Создать родителя для каждого блока и задать ему ширину 25% (width: 25%;) и float: left;, тут заметьте, что больше нечего задать ему не надо!
3. И вот внутри этих блоков по 25% уже должен стоять модуль со своими отступами и прочими стилями.
4. Под всей этой конструкцией хорошо бы прервать обтекание вызванное float: left;. Делается это по разному. Лично я использую дополнительный элемент:
   - Ставлю вот такую конструкцию <div class="clr"></div>
   - В CSS пишу
5. На перед — скорее всего потом будут еще проблемы с картинкой, смотрите в сторону max-width: 100%; для картинки.

Спасибо NortonFox 
+