<form action="">
  <span>
    <label for="male">Male</label>
    <input type="radio" value="male" name="gender" id="male" />
  </span>
  <span>
    <label for="female">Female</label>
    <input type="radio" value="female" name="gender" id="female" />
  </span>
  <span>
    <label for="bike">I have a bike</label>
    <input type="checkbox" value="Bike" id="bike" />
  </span>
  <span>
    <label for="car">I have a car</label>
    <input type="checkbox" value="Car" id="car" />
  </span>
</form>
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

input:checked {
  transform: scale(1.6);
}

/* Additional styling */
form {
  display: flex;
  flex-direction: column;
}

form span {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 6px 0;
}

form span input {
  display: inline-block;
  margin-left: 32px;
  transition: 0.2s;
}

html,
body {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  font-family: Roboto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.