JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<input checked="checked" type="radio" name="user_level" id="rd1" value="1"/>
<label for="rd1">radio 1</label>
</div>

<div>
<input type="radio" name="user_level" id="rd2" value="2"/>
<label for="rd2">radio 2</label>
</div>
<div>
<input type="radio" name="user_level" id="rd3" value="3"/>
<label for="rd3">radio 3</label>
</div>

CSS

label{
    padding:5px;
    color:#222;
    font-family:corbel,sans-serif;
    font-size: 22px;
    margin: 10px;
    vertical-align:top;
}

div{
    display: flex;
    align-items: center;
    font-weight: bold;
}