JSFiddle - React, Tailwind, and code Playground

by avrahamcool

HTML

<body>
        <div id="UpperLeftScanningIndicator" class="indicator"></div>
        <div id="UpperRightScanningIndicator" class="indicator"></div>
        <div id="Content">Here is some content.<br /><br /><br /><br />Here is some more.</div>
        <div id="LowerLeftScanningIndicator" class="indicator"></div>
        <div id="LowerRightScanningIndicator" class="indicator"></div>
    </body>

CSS

#Content {
    border: solid 1px black;
    width:90%;
    margin-left:auto;
    margin-right:auto;
}
.indicator
{
    height: 20px;
    width: 20px;
    background-color: black;
    position:absolute;
}
#UpperLeftScanningIndicator
{
    left: 5px;
    top: 5px;
}

#UpperRightScanningIndicator {
    
    right: 5px;
    top: 5px;
}

#LowerLeftScanningIndicator {
    left: 5px;
    bottom:5px;
}

#LowerRightScanningIndicator {
    bottom:5px;
    right:5px;
}