<div class="form-row">
  <input id="check1" type="checkbox">
  <label for="check1">Label for Checkbox gy gy</label>   
</div>

<div class="form-row">
  <input id="check2" type="checkbox">
  <label for="check2">Label for Checkbox</label>   
</div>
.form-row{
 display:flex;
  align-items:center;
  margin:1rem;
  background:#f9f9f9;
}
.form-row input,
.form-row label{
  margin:0 .5rem 0 0;
}
.form-row label{
  position:relative;
  top:1px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.