JSFiddle - React, Tailwind, and code Playground

by suadam

HTML

<div class="static">Static</div>
<div class="relative">Relative</div>
<div class="absolute">Absolute</div>
<div class="fixed">Fixed</div>

CSS

body {

  background-color:#325780;
}

div {
  background-color:#FFFFFF;
  width:200px;
  border:1px dotted black;
  font:bold 22px/100px Tahoma;
  text-align:center; 
}

.static {
  position:static;
}

.relative {
  position:relative;
  top:50px;
  left:50px;
}

.absolute {
  position:absolute;
  top:50px;
  left:110px;
}

.fixed {
  position:fixed;
  bottom:50px;
  right:30px;
}