JSFiddle - React, Tailwind, and code Playground

by rollinglex

HTML

<!DOCTYPE html>
    <html lang="en" dir="ltr">
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title></title>
    </head>
    <body>

    
    <section id="first"></section> 
    
    
    <section id="second">  </section> 
    
    </body>
    </html>

CSS

body {
                margin: 0;
                padding: 0;
                border: solid red;
                position: relative;
								background-color: red;
              }
    
              #first {
                position: fixed;
								height: 20px;
								width: 20px;
                left: 20;
                top: 200px;
                border: solid green;
								background-color: green;
								z-index: 10;
              }
    
              #second {
                border: solid blue;
								background-color: blue;
                height: 200px;
                padding: 100px;
                position: absolute;
              }