JSFiddle - React, Tailwind, and code Playground

by Gwyn Milcote

HTML

<div id='cols-top'>hhhhhhh

</div>
<div class='boxy'>
text....
</div>

CSS

body {background-color:#8583d4}
div {box-sizing:border-box;}

.boxy {width:300px;height:300px;padding:10px;
background-image:url(https://web.archive.org/web/20130818084212im_/http://www.dragow.fr/media/dragow/image/background/content/page/middle.png?43384735);
border-radius:10px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,1);
box-shadow: 0px 3px 10px 0px rgba(0,0,0,1);}

#cols-top {
    background: url(https://web.archive.org/web/20130818084212im_/http://www.dragow.fr/media/dragow/image/background/content/page/top.png?43384735) no-repeat left top;
    float: left;
    width: 990px;
    height: 85px;
}