JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<body>

<form>
  <input type="radio" name="sex" value="male" checked> Male
  <br>
  <input type="radio" name="sex" value="female"> Female
     <br>
     <br>
  <input type="checkbox" name="categ" value="air" checked> Air
  <input type="checkbox" name="categ" value="road"> Road
</form> 

</body>
</html>

CSS

input[type="checkbox"],input[type="radio"] {
    margin:0px;
    vertical-align: -webkit-baseline-middle;
    float: none;
    height: 38px;
  }