Egy <div>-en belül van egy képem és szövegem amiket egymás alá szeretnék tenni úgy, hogy a div-en belül középen helyezkedjenek el. Valamiért a szöveg folyton a kép mellett jelenik meg. Mit kell ilyenkor tenni?

Csak gyakorlok, nagyon kezdő vagyok, gondoltam nem árt a gyakorlás. Három div-et raktam egymás mellé display:flex-szel. Mindháromnak adtam egyedi háttérszínt, fix szélességet és magasságot. Az első div-be tettem egy képet amit display: flex; és justify-content: center; segítségével a div1-en belül középre raktam. Ezután HTML-ben a kép alá, a div1-en belül beraktam egy kis szöveget h5-be. Viszont ez a szöveg a képem mellett kezdődik, emiatt az egész szöveg+kép kombó kiugrik a div1-ből. Milyen kódot lehet ilyenkor használni, hogy a szöveg a kép alá kerüljön, ugyanúgy a div1-en belül középre igazítva?