JSFiddle - React, Tailwind, and code Playground

HTML

<div id="1" class="holder">
    <a id='31' class='world' style='background-color:#38FF3F;color:#5E5E5E;' href='31'>Node.js</a><div id='31' class='dpinfo' style='background-color:#38FF3F;color:#5E5E5E;'>here are the resources of Nodejs
1.groups 
2.tutorials and this is awesome great thanks a lot
</div></div><div id="2" class="holder"><a id='39' class='world' style='background-color:#BFFFD0;color:#203645;' href='39'>Url Rewriting</a><div id='39' class='dpinfo' style='background-color:#BFFFD0;color:#203645;'>Tutorials on url rewriting </div>    </div>
</div>

  <div id="1" class="holder">
    <a id='31' class='world' style='background-color:#38FF3F;color:#5E5E5E;' href='31'>Node.js</a><div id='31' class='dpinfo' style='background-color:#38FF3F;color:#5E5E5E;'>here are the resources of Nodejs
1.groups 
2.tutorials and this is awesome great thanks a lot
</div></div><div id="2" class="holder"><a id='39' class='world' style='background-color:#BFFFD0;color:#203645;' href='39'>Url Rewriting</a><div id='39' class='dpinfo' style='background-color:#BFFFD0;color:#203645;'>Tutorials on url rewriting </div>    </div>
</div>

  <div id="3" class="holder">
    <a id='31' class='world' style='background-color:#38FF3F;color:#5E5E5E;' href='31'>Node.js</a><div id='31' class='dpinfo' style='background-color:#38FF3F;color:#5E5E5E;'>here are the resources of Nodejs
1.groups 
2.tutorials and this is awesome great thanks a lot
</div></div><div id="4" class="holder"><a id='39' class='world' style='background-color:#BFFFD0;color:#203645;' href='39'>Url Rewriting</a><div id='39' class='dpinfo' style='background-color:#BFFFD0;color:#203645;'>Tutorials on url rewriting </div>    </div>
</div>

  <div id="5" class="holder">
    <a id='31' class='world' style='background-color:#38FF3F;color:#5E5E5E;' href='31'>Node.js</a><div id='31' class='dpinfo' style='background-color:#38FF3F;color:#5E5E5E;'>here are the resources of Nodejs
1.groups 
2.tutorials and this is awesome great thanks a...

CSS

.world {
        postion:absolute;
        
    box-shadow: 10px #333;
    border-radius: 23px;
    border-top-right-radius: 0;
    border:6px solid;
    block:inline;
    line-height: 200px;
    width:200px;
    background-color: #444;
    float: left;
    margin: 5px;
    text-align: center;
    color:white;
   font-weight:900;
   vertical-align:middle;
    text-decoration:none;
}
.dpinfo {
    postion:absolute;
    box-shadow: 10px #333;
    
    
    border:6px solid;
    block:inline;
   
    width:200px;
    background-color: #444;
    float: left;
    margin: 5px;
    text-align: center;
    color:white;
   font-weight:900;
   vertical-align:middle;
    text-decoration:none;
    
}
.holder {
    postion:relative;
    float:left;
    width:214px;
    margin-left:2px;
}