JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Квадраты</title>
    </head>

<body>
 
  <div class="one"></div>
  <div class="two"></div>
 </body>
</html>

CSS

div.one{ position:absolute;margin:50px;width:50px; height:50px; background:#000; border:1px solid #FFF;
    box-shadow: 10 10 0 1px #ccc;}

div.two{position:relative;width:50px; height:50px;left:75px; top:75px; background:#FFF; border:1px solid #CCC;}