JSFiddle - React, Tailwind, and code Playground

by Rashit1122233

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Document</title>
  </head>

  <body>
        <div class="tor">tor1
          <div class="tor2">tor2</div>
        </div>
  </body>

</html>

CSS

.tor {
  display: block;
  position: relative;
  width: 300px;
  height: 300px;
  background: #fff000;
  overflow: hidden;
}

.tor2 {
  display: block;
  position: absolute;
  background: #000;
  color:#fff;
  top:40px;
  left:100px;
}