Имеется несколько inline-block'ов подряд.
Нужно задать такой общий стиль CSS, чтобы эти блоки переносились на новую строку после каждого третьего.
То есть вместо одной цепочки блоков должно получиться несколько строк, по три блока в каждой строке.

сами блоки менять нельзя, в html они все одинаковые и имеют одинаковые названия стилей. можно только файл css изменять.

Внимание, вопрос: Как это сделать?

Очень нужно. Кто шарит в CSS?

http://habrahabr.ru/sandbox/50759/
:nth-child(n)

это CSS3. работает только в свежих браузерах

http://htmlbook.ru/css/nth-of-type

(2) (4) Да что туда поставить то???

Кто шарит в CSS?

Ну нет, так нет.

(5) по ссылке сходить не судьба чтоль?
каждый третий элемент будет :nth-of-type(3n+0)

можно попробовать так:

.some-class:nth-of-type(3n+0):after {
content: "<br>";
}

(8) По ссылке про селектор, а вопрос скорее в том что именно туда вставить по этому селектору, аналог <br> на CSS.

(8) :after вставит контент внутрь блока. А надо после блока.

Подниму, пожалуй

У меня обычно решалось так: фиксируем ширину блока, фиксируем ширину родительского элемента так, чтобы влезало максимум 3 и они сами будут переноситься.

(12) у меня родительский блок на много шире трех блоков.

Никто не знает аналог <br> на CSS?

А если им сделать float: left,  а каждому третьему еще clear: right?

Вот статейка вроде в тему http://habrahabr.ru/post/117109/

(15) Тогда они все съедут влево, и все испортится.
Они должны быть по центру

апну

сделать их блоками, флоатами, а у каждого третьего - клеар: справа

по центру:

добавить :афтер "<бр>"

float:left;
width:33%;

http://jsfiddle.net/q5kzy978/

(19) весело будет, если у них будет разная высота

(23) http://jsfiddle.net/q5kzy978/1/

(19) по центру не будут (21) так же

(21) так они тоже не по центру как должны быть, а на всю ширину

(26) ну заверни их в блок, который будет по центру

(27) Не вариант.
Сделал по другому. Закройте тему