Как лучше сверстать таймлайн?

Есть макет с таймлайном, пытаюсь реализовать на флоатах, но столкнулся с некоторыми трудностями:
1. Почему-то зафлоаченный элемент не отталкивается margin'ом:

2. Абсолютно спозиционированные точки таймлайна при сужении экрана начинают съезжать (пытался задать позицию и в процентах и в пикселях)
Как можно решить данные проблемы или, может быть, я что-то делаю в корне не так?
codepen