Суть проблемы: выравнивание написано верно, Я думала что понимаю на отлично как оно работает и какие баги с ним могут возникнуть, пока мы не минифицировали html!
Проблема в том что при минификации те блоки которые имеют inline-block (которые мы выравниванием) без пробела между ними или переноса строки считаются вроде как символами а не отдельным словом
К примеру такая конструкция работает:
jsfiddle.net/kxy09jwa/2
А такая нет:
jsfiddle.net/kxy09jwa/1
- разница только в html
Есть ли какое-то свойство которое позволяет "разорвать" блоки?