JSFiddle - React, Tailwind, and code Playground

HTML

<div id="checkboxes">
    <div class="checkboxgroup">
        <input type="radio" name="radio" id="my_radio_button_id1" />
        <label for="my_radio_button_id1">My Label1</label>
    </div>
    <div class="checkboxgroup">
        <label for="my_radio_button_id2">My Label2</label>
        <input type="radio" name="radio" id="my_radio_button_id2" />
    </div>
    <div class="checkboxgroup">
        <label for="my_radio_button_id3">My Label3</label>
        <input type="radio" name="radio" id="my_radio_button_id3" />
    </div>
</div>

CSS

.checkboxgroup{
    display:inline-block;
    text-align:center;
}
.checkboxgroup label {
    display:block;
}