title: Border with margin-top
body: <p>I would like to make a <code>div</code> that has a <code>margin-top: -110px</code>, but I want to add a <code>border-right</code> on it starting from the top of the <code>div</code>, but without the <code>margin-top: -110px</code> attribute.</p>
  
  <p><img src="https://i.stack.imgur.com/DDsxe.png" alt="enter image description here"></p>
  
  <p>I know I could use two or more <code>div</code>, but it needs to be done with only 1. Can it be done with CSS or I need to use JavaScript?</p>