How to Vertical Align Checkbox with Text

This seems to be one of the most complicated things to do. I figured out that it is quite simple.

by db_dev

HTML

<label for="checkbox" class="FlexLabel">
    <input type="checkbox" id="checkbox"/> Label
</label>
<br>
<label for="radio" class="FlexLabel">
    <input type="radio" id="radio"/> Label
</label>

SCSS

.FlexLabel {
    display: flex;
    align-items: center;
	
	input {margin: 3px;}
}