<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.