JSFiddle - React, Tailwind, and code Playground

by kokoklems

HTML

<div class="dvt_coloris" style="background-color: rgb(230,230,230); width: 100px; padding: 3px;" >
    <div style="text-align:center; font-family: Arial, Helvetica, sans-serif;">
        Coloris<br />disponibles
    </div>
    
    <div style="width:25px; height:25px; margin: 5px auto 5px auto; cursor:pointer; border-style: solid; border-width: 3px; border-radius: 3px; background-color: #1c1883;"
    onclick="location.href='http://www.example.com';"></div>
    
    <div style="width:25px; height:25px; margin: 5px auto 5px auto; background-color: #ac0000; cursor:pointer; border-style: solid; border-width: 3px; border-radius: 3px;"
    onclick="location.href='http://www.example.com';"></div>
    
    <div style="width:25px; height:25px; margin: 5px auto 5px auto; background-color: #194b00; cursor:pointer; border-style: solid; border-width: 3px; border-radius: 3px;"
    onclick="location.href='http://www.example.com';"></div>    
    
    <div style="width:25px; height:25px; margin: 5px auto 5px auto; background-color: #000000; cursor:pointer; border-style: solid; border-width: 3px; border-radius: 3px;"
    onclick="location.href='http://www.example.com';"></div>
    
    <div style="width:25px; height:25px; margin: 5px auto 5px auto; background-color: #ab126d; cursor:pointer; border-style: solid; border-width: 3px; border-radius: 3px;"
    onclick="location.href='http://www.example.com';"></div>
</div>