JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><label for="first_radio_btn">First</label> <input type="radio" id="first_radio_btn" name="choice" value="" /></li>
    <li><label for="second_radio_btn"><input type="checkbox">First</label> <input type="radio" id="second_radio_btn" name="choice" value="" /></li>
    <li><label for="third_radio_btn">First</label> <input type="radio" id="third_radio_btn" name="choice" value="" /></li>
</ul>

CSS

ul{
    list-style:none;
    margin:0;
    padding:0;
}

li{
    display:block;
    margin:.5em 0;
    background:#ccc;
    position:relative;
}
li input{
    position: absolute;
    right:0
}