JSFiddle - React, Tailwind, and code Playground

HTML

<div class="amarelo positionFixed quadrado">
</div>
<div class="verde positionRelative quadrado">
</div>
<div class="verde positionRelative quadrado" style="left: 30px">
</div>
<div class="vermelho quadrado positionAbsolute">
</div>

CSS

<style type="text/css">
      .positionAbsolute{
         position: absolute;
      }
      .positionFixed {
         position: fixed;
         top: 50px;
         left: 300px
      }
      .positionRelative{
         position: relative;
      }
      .quadrado {
         width: 50px;
         height: 50px;
      }
      .vermelho{
         background-color: red;
      }
      .amarelo {
         background-color: yellow;
      }
      .verde {
         background-color: green;
      }