JSFiddle - React, Tailwind, and code Playground

by stevea

HTML

<div id="wrapper"> 
    <div id="canvasContainer">
        <div id="canvas">
        </div>
        
    </div>

</div>

CSS

body {
    background-color:black;
}
div#wrapper {
height: 200px;
    left: 50%;
    margin-left: -200px;
    position: absolute;
    width: 400px;
    background-color:beige;
}
div#canvasContainer {
    height: 200px;
    position: relative;
    width: 400px;
    background-color:orange;
    position:relative;
}
div#canvas {
    position: relative;
    width: 100%;
    height:150px;
    background-color:lime;
    left:-1px;
}