How to wrap checkbox in label. am I using bootstrap?

Question

css

Good afternoon, I got confused, I want to wrap the checkbox in a label. I'm using bootstrap
and I can't find in css how to align the checkbox' a square and the text so that it's evenly centered.
So now:
I want this:

<label class="label label-primary"><input type="checkbox"> Samsung</label>

I'm a noob, thanks for the help, oh dear gurus.

Answer 1

As a quick variant, try with line-height and play around

Answer 2

You can't edit a checkbox just like that.
I would do like this:

<div>
<input type="checkbox">
<label class="label label-primary">Samsung</label>
</div>

For div background and the rest you align. For label vertical-aligh: middle; as an option
Either the text in the span and vertical-aligh for it