JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<div class='box'>
  <svg style='width: 100%; height: 100%;'>
      <line stroke-dasharray="5, 5"  x1="0" y1="100%" x2="100%" y2="0"
          style="stroke:rgb(255,0,0);stroke-width:2"/>
  </svg>
  <div>
  your content here over the svg
  </div>
</div>

CSS

div.box{
  position: relative;
  width: 111px; 
  height: 55px; 
  border: 1px solid black;
}
div.box svg{
  position: absolute;
}

div.box > div{
  position: relative;
}