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

Delaš responsive design? Če delaš iz nule, priporočam da uporabiš za layout kak bootstrap css, z njihovimi gridi se da najenostavneje responsive rešit.
Drugače pa da se pri določeni širini nekaj zgodi lahko rešiš z media queryi - neke vrste pogojni stili, lahko nastaviš različne css-e za različne širine okna. Ampak bootstrap ti sam handla take finte.
Zgled za media query:
http://www.w3schools.com/cssref/css3_pr...
Da se vsak div vrže v novo vrsto, jim moraš nastavit "clear: both", da so pa skupaj v vrsti pa uporabi raje "float: left" kot "display: inline-block".
Res toplo priporočam, da se malo poučiš o CSS in različnih načinih pozicioniranja, se bo začetni trud povrnil ko boš kasneje reševal težje probleme.

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.