Timeline
- So, the line to the left..
-
is created using a
:beforepseudo-element on each<li>.. - with no content, 2 pixels wide, red background color, and..
- positioned absolutely relative to the list item.
-
And the bullets are created using an
::afterpseudo-element on each<li>, with SVGs asbackground-images.
