Доработать элемент шаблона

Здравствуйте!

Есть готовый шаблон (макет в приложениях).

В нем есть, как видно на изображении, timeline.

Но реализована она не так, как хотелось бы.

Сейчас это больше похоже не на timeline (в плане верстки), а на статичную такую верстку.

Чтобы вставить его в движок, придется дописывать на php некоторые вещи (т.к. для каждого блока в таймлинии нужно указывать положение - справа/слева. И если 2 блока подряд слева будут, то вся конструкция ломается).

Нужно сделать это более гибким.  К примеру, чтобы в html это было просто 

..

..

..

А в результате каждый из этого блока был элементом таймлинии и становился в нужном ему месте.

На данный момент это выглядит примерно так:

..

..

..

В общем нужно убрать зависимость от "left"/"right".

В приложениях также есть верстка, чтобы вы могли оценить сложность работы.