Pomoč pri centriranju

margin-left: auto;
margin-right: auto;

na notranje 3, ki bi jih mel v centru

Dej se vertical-align:top, na notranje elemente

Jaz bi te tri dive premaknil še v en "wrapper" div, katerega potem centriraš na sredino. Potem pa samo tem trem znotraj wrapperja razdeliš širino. Display: inline-block pa je.

Verjetno bodo še vseeno skakali v svojo vrstico ko zmanka prostora. Imaš min-width nastavljen na katerem od teh treh? Vsebina mora biti taka, da se lahko dovolj skrči.

EDIT: tudi priporočam bootstrap ;)

inline-block spremeni obnašanje diva, da se ta obnaša kot span. To velja za slabo prakso, ker ko boš čez čas gledal kodo, ne boš pričakoval da se div obnaša kot inline-block, ampak kot normalen block. Pol lahko uporabiš span namesto div, ta ima po defaultu nastavljen display na inline-block. Display lahko nastaviš na none, če želiš skriti element in ga potem v določenem trenutku z Javascriptom prikazat, ostale spremembe pa niso ravno zaželjene. Včasih se jim pa ne da izognit, sem na primer že videl zelo eleganto implementirane responsive tabele, tako da je nekdo display: table-cell na mobile viewu (širina pod 600px) spremenil v display: block in jih potem floatal eno pod drugo. Primer teh tabel: http://codepen.io/anon/pen/QwPVNW
Float pa pove, naj se drži čimbolj levo, kjer je prostor. Če mu v vrstici zmanjka prostora, se bo avtomatsko pomaknil v spodnjo vrsto. Z clear left|right|both pa elementu nastaviš, da levo|desno|ne eno ne drugo od njega ne sme floatat kak drugi div in jih s tem prisiliš da skočijo v novo vrsto.