JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class='container'>
<div class='box'>
<form>
  <input type="radio" name="points" value="1">point1
  <input type="radio" name="points" value="-1">point2<br>
</form>
  <div class='middle'>just a div</div>
</div>
<div class='box'>
<form>
  <input type="radio" name="points" value="1">point1
  <input type="radio" name="points" value="-1">point2<br>
</form>
  <div class='middle'>just a div</div>
</div>
<div class='box'>
<form>
  <input type="radio" name="points" value="1">point1
  <input type="radio" name="points" value="-1">point2<br>
</form>
  <div class='middle'>just a div</div>
</div>
<div class='box'>
<form>
  <input type="radio" name="points" value="1">point1
  <input type="radio" name="points" value="-1">point2<br>
</form>
  <div class='middle'>just a div</div>
</div>
</div>
</body>

CSS

body {
  width:200px;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
}

.box {
  background-color:grey;
  padding: 10px;
  margin-bottom:10px;
  height:40px;
}

.middle {
  background-color:red;
}

input[type="radio"]{
  margin: 0 10px 0 10px;
}