JSFiddle - React, Tailwind, and code Playground

HTML

<div class='content'>
       <div class='box'>
           <a>test</a>
           <div class='money'><div id='maxnumber'>
               <h3 id='max'>max</h3><h3 id='digit'>0000</h3>
           </div></div>
           <div id='numbereuro'><h3 id='digit2'></h3>
               <h3 id='euro'></h3>
           </div>
       </div>            
    </div>

<div class='content'>
        <div class='box'>
            <a>test</a>
            <div class='money'><div id='maxnumber'>
                <h3 id='max'>max</h3><h3 id='digit'>0000</h3>
            </div></div>
            <div id='numbereuro'><h3 id='digit2'></h3>
                <h3 id='euro'></h3>
            </div>
        </div>            
     </div>

CSS

.content {
    margin: 5px;
    padding: 5px;
    font-size: 11px;
    float: left;
}

.utility{
    position:relative;
    height:50px; width:100px; background:red;
}

.box {
    margin: 5px;
    padding: 5px;
    background: #BBE3A8;
    font-size: 11px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.box {
    position: relative;
    padding: 5px;
    width: 180px; height:auto;
    cursor:pointer;
}