Timeline

  • So, the line to the left..
  • is created using a :before pseudo-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 ::after pseudo-element on each <li>, with SVGs as background-images.