JSFiddle - React, Tailwind, and code Playground

by ruisoftware

HTML

<div id="outer">
  <canvas width="100px" height="200px" id="cv"></canvas>
  <div id='inner2'>inner2</div>
</div>

CSS

#outer {
    overflow: hidden;
    border-radius: 30px;
    border: 1px black dotted;
}

#cv {
    border: 1px blue solid;
    float: left;
}

#inner2 {
    background-color: rgba(255,0,0,0.8);
    margin-top: -10px;
    width: 200px;
    float: left;
    clear:left;
}