Uczę się dobrze przygotowywać szablony.
Mam taką sytuacje: wstawilem diva, w którym zawarłem 5 elementów, które chce oddzielić od siebie w poziomie o 10px. Tyle, że gdy zrobie to marginami, gdy zmniejszam strone (CTRL + minus) to ostatni element (div) w divie glownym spada na dol..
Jak inaczej, prawdlowo wysrodkowac dane elementy / oddzielic od siebie?

Coś takiego? http://css-tricks.com/equidistant-objects-with-css/

Spada na dół bo po prostu nie ma już dla niego miejsca. Możesz np. ustawić divom width za pomocą % i wtedy będą się skalować razem z oknem przeglądarki.

Możesz to zrobić na kilka sposobów Możesz nadać float`y każdemu dziecku w jakimś divie i dać jako ostatni ze stylem: clear: both. ROdzic niech ma np. szerokość 100%, marginesy lewy i prawy na auto i masz na środku np. 4 boksy. Wtedy podczas zmniejszania przeglądarki jeśli się nie zmieszczą - wejdą niżej.

Możesz również nadać containerowi white-space: nowrap, a w środku jego dzieci z display: inline-block ( ew. display: flex ale poczytać trzeba na caniuse.com ) i nadajesz im szerokości procentowo. Wtedy będą się zmniejszać podczas skalowania przeglądarki.

Jest wiele nawet wtyczek w jQuery, którymi możesz pobawić się w flex boksy. W najgorszym razie możesz dać tabelkę hehe

Jeśli w którymś momencie boksy będą za małe - możesz je dać poniżej lub dowolnie ostylować. DO ich responsywności możesz użyć media queries w css`ach, bardzo proste do deklaracji. Wpisz w google media queries.

Jak coś to pisz