title: Need a curved vertical line using HTML and CSS
body: <p>I need a curved vertical line with 5 dots like this -</p>
  
  <p><img src="https://i.stack.imgur.com/1A1qZ.png" alt="Desired Output"></p>
  
  <p>On hovering over each dot, text should slide besdide it from left to right, and text should disappear on taking away the mouse.</p>
  
  <p>So far I have only been able to indent and place those 5 dots by means of modifying <code>margin-left</code>property for each item in the list. I am not able to get the curved line. How do I achieve that?</p>