Responsive Semantic Timeline

Semantic

The timeline is created using negative margins and a top border.

Relative

All elements are positioned realtive to the parent. No absolute positioning.

Contained

The timeline does not extend past the first and last elements.