CSS - najeżdżające się elementy

0

Mam mały problem, który juz mi zabrał zbyt dużo czasu, chcę, aby - niezależnie od rozdzielczości okna przeglądarki - wyświetlić zdjęcie a bezpośrednio pod nim napis, jednak podczas zmniejszania okna, napis najeżdża na zdjęcie, co jest niepożądane. Starałem się to naprawić, ale już dostaję chyba kurzej ślepoty. Poniżej jsfiddle, w którym chyba udało mi się odtworzyć ten problem: https://jsfiddle.net/ns32c10r/
Ktoś umiałby pomóc?

0
  <div style='text-align:center;'>
    <img src="https://images.pexels.com/photos/736230/pexels-photo-736230.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260">    
    <div>NAPIS POD ZDJECIEM NAPIS POD ZDJECIEM NAPIS POD ZDJECIEM NAPIS POD ZDJECIEM NAPIS POD ZDJECIEM NAPIS POD ZDJECIEM </div>
  </div>

Podejrzewam jednak, że nie o to Ci chodzi ale to już nie moja wina, że nie potrafisz zadać pytania lub nawet nie przeczytałeś go po wklejeniu na forum żeby sprawdzić czy ma sens...

1 użytkowników online, w tym zalogowanych: 0, gości: 1