JSFiddle - React, Tailwind, and code Playground

by Amin Kodaganur

HTML

<div class="parent">
   <div class="child">
    37 days Left  
   </div>
</div>

CSS

.parent{
    background-color : #ccc;
    padding : 20px;
    width : 100%;
    margin : 0 auto;
}


.child
{
 width: 100%;
 padding: 10px;
text-align : center;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
border: 15px solid #ccc;
border-image: url('https://i.stack.imgur.com/1WlsT.png') 34% repeat;


}