JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset data-role="controlgroup" data-type="horizontal">
                    <legend>I like to buy and wear trendy must-haves</legend>
                        <input class="myclass" type="radio" name="radio-choice" id="radio-choice-1" title="a" value="choice-1" checked="checked"  />
                        <label  class="myclass2" for="radio-choice-1">1</label>

                        <input class="myclass" type="radio" name="radio-choice" id="radio-choice-2" text="21" value="choice-2"  />
                        <label class="myclass2 for="radio-choice-2">2</label>

                        <input class="myclass" type="radio" name="radio-choice" id="radio-choice-3" text="3" value="choice-3"  />
                        <label class="myclass2 for="radio-choice-3">3</label>

                        <input class="myclass" type="radio" name="radio-choice" id="radio-choice-4" text="4" value="choice-4"  />
                        <label class="myclass2 for="radio-choice-4">4</label>

                        <input class="myclass" type="radio" name="radio-choice" id="radio-choice-5" text="5" value="choice-5"  />
                        <label class="myclass2 for="radio-choice-5">5</label>
                </fieldset>

CSS

.myclass {
    background-color: yellow;
    float: left;
    left: 13px;
    margin-top: 26px;
    padding-left: 22px;
    position: relative;
    top: 10px;
}

.myclass2 {
    background-color: yellow;
    float: left;
    margin-top: 11px;
}