Hjælp til positionering af elementer

Hejsa

Jeg er ved at lave en tidslinie og har problemer med mine elementer.
Min tidslinie er opbygget af boxes, som kan blive beregnet positionen på.
Problemet er så at gøre dem pæne, fordi de boxes der ligger ved siden af hinanden ikke kan hav en border hver fordi den så bliver 2 px bred.
Mangler nu hjælp til hvordan jeg kan få den sidste afsluttende border-right: 1px på den lige før space.

Ved man kan selecte dem før og efter via css

 Vælge element efter div i css:
 .marked + li
 Derved selecter du den li der er lige efter ".marked" -klassen.
 
 Vælge element før div i css:
 .marked ~ li

Problemet er så at den fanger alle elementer og kan derfor ikke se hvordan jeg kan lave min css selectors.

Se eksempel her: http://jsfiddle.net/yco8ghbt/2/