JSFiddle - React, Tailwind, and code Playground

by AntowaKartowa

HTML

<label>Lorem ipsum dolor.<input type="radio" name="test1" id="" value="1"></label>
<label>Ipsum dicta neque!<input type="radio" name="test1" id="" value="2"></label>
<label>Eaque deleniti laborum.<input type="radio" name="test1" id="" value="3"></label>
    <br><br>
<label for="test21">Lorem ipsum.</label>
<input type="radio" name="test2" id="test21" value="1">
<label for="test22">Eaque labore.</label>
<input type="radio" name="test2" id="test22" value="2">
<label for="test23">Vitae omnis!</label>
<input type="radio" name="test2" id="test23" value="3">
    <br><br>
<label for="test31">Lorem ipsum.<input type="radio" name="test3" id="test31" value="1"></label>
<label for="test32">Iusto quis?<input type="radio" name="test3" id="test32" value="2"></label>
<label for="test33">Facilis debitis?<input type="radio" name="test3" id="test33" value="3"></label>

CSS

label {
    display: block;
    border-top: 1px solid #000;
}