JSFiddle - React, Tailwind, and code Playground

HTML

<div class ="float-left ">   <label><input id="Rating" name="Rating" type="radio" value="1" /> 1</label> </div>   
 <div class ="float-left ">   <label><input id="Rating" name="Rating" type="radio" value="2" /> 2</label> </div>   
 <div class ="float-left ">   <label><input id="Rating" name="Rating" type="radio" value="3" /> 3</label> </div>   
 <div class ="float-left ">   <label><input id="Rating" name="Rating" type="radio" value="4" /> 4</label> </div>   
 <div class ="float-left ">   <label><input id="Rating" name="Rating" type="radio" value="5" /> 5</label> </div>

CSS

.float-left{
    float: left;
}
input {
    width:100px;
}
input[type="radio"] {
    width: initial;
}