JSFiddle - React, Tailwind, and code Playground

by 5p17f1Re

HTML

<div class="radio">
   <label>
      <input type="radio" value="1" name=groupname checked=checked><span>Гривна</span>
   </label>
   <label>
      <input type="radio" value="2" name=groupname ><span>Доллар</span>
   </label>    
   <label>
      <input type="radio" value="3" name=groupname ><span>Евро</span>
   </label>    
</div>

CSS

.radio{float:left;}
.radio label {float:left; background: #e9e9e9;}
.radio label span {text-align:center;display:block; padding: 8px 10px 9px; font-size: 1.2em;}
.radio label input {position:absolute;top:-20px;}
.radio input:checked + span {background-color:#639204; color:white; cursor: default;}