Div runs over another?

Question

css

Hey!
I can not understand.
Already tried everything, all sorts of position and margin and width 100%
Sandbox Jsfiddle
In general, there is a block with pictures, each float:left
There is a block with texts.
How to make a div with text exactly below the images?
How to center pictures?
ps Works only if the upper block is set to float right. To what extent will it be correct?

Answer 1

All attention to line 9 and styles.
https://jsfiddle.net/4fpbc4at/2/
Google on clear fix.
PS This technique is already very outdated, because most browsers already support Flexbox and Grid, a post in the topic: https://habrahabr.ru/post/325760/

Answer 2

https://jsfiddle.net/4fpbc4at/4/