JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<html>
<body>
<svg id="svgMain" width="100%" height="180">
  <rect width="100%" height="100%" style="fill: rgb(102, 102, 201);position:relative;" />
 <rect
            id="over"
            x="30"
            y="20"        
            
            style="fill: rgb(102, 201, 171);"
          />
  
</svg>
 
</body>
</html>

CSS

#svgMain{
  border:1px solid red;
  position:relative;

}

rect#over{
  position:absolute;
  width:30%;
  height:50px;
}