JSFiddle - React, Tailwind, and code Playground

by calder12

HTML

<!DOCTYPE html>
<html>
<head>
    <title></title> 
    <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection" />  
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
    <body>
        <div class="div1">
            <p></p>
        </div>
        <div class="div2">
            <p></p>
        </div>
    </body>
</html>

CSS

.div1{border:1px solid black; margin 0 auto; width:400px;height:400px;}
.div2{position:relative;border:1px solid black; margin 0 auto; width:400px;height:400px;}
p{width:50px; position:absolute; top:10px; right: 20px; background-color:yellow; height:40px;}