В данный момент внутренний блок уезжает вниз и всё портит, при добавлении, допустим h1 или span во внешний блок(визуально должно смотреться над внутренним блоком надпись).
Где вообще почитать про то, как ведут себя элементы?(только не htmlbook, что нибудь с большим кол-вом примеров и подробнее, если такое существует)
Вот по идее, есть внутренний блок, и внешний должен растягиваться из за него, но без задания высоты всё рушится. Я так понимаю, это из за того, что мы задали position-ы.
Мне говорили, что задания высоты лучше как можно чаще избегать, т.к. внешний блок должен растягиваться вниз, если вдруг понадобиться добавить элементов.
https://jsfiddle.net/Aleks70694/g1w48rrh/ 
Средний
