title: CSS Border height different on each side
body: <p>I am wondering if a border like this would be possible in pure css? There will be no content within this box, only an image within the future. </p>
  
  <p><img src="https://i.stack.imgur.com/s4l0O.png" alt="Possible?"></p>
  
  <p>I would like to achieve this in pure CSS, with no jQuery. I have looked around and it seems it isn't really possible, however with CSS constantly evolving I was wondering if it was possible apart from using nested divs etc.</p>
  
  <p>Cheers!</p>