Responsive Steps Line Example

No custom code needed! You manually set the "offset" margin/padding from the middle for the content above, so you can absolute position the line element to that bottom left corner, and set the width to that same "offset" value so that it goes back to the middle. As for the dotted line, use two child boxes with border and border-radius.