title: Border or dotted line to connect 2 divs
body: <p>I have a problem connecting 2 divs with dotted line, and I was trying to do this with <code>::after</code> and <code>::before</code> but without success. You can check my structure at:</p>
  
  <p><a href="https://jsfiddle.net/m3zoz34f/" rel="nofollow noreferrer">JS fiddle code</a></p>
  
  <p>and image of what I want to achieve:</p>
  
  <p><a href="https://i.stack.imgur.com/GkP6L.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GkP6L.png" alt="enter image description here"></a></p>
  
  <p>Is this possible? If yes, then what should I add or change in my code?</p>
  
  <p>Thanks.</p>
  
  <p>Best regards,</p>