How to align checkbox and label?

Tell me how to make checkboxes were on center vertically otnositlno label.
vertical-align: middle doesn't help.

5e0e2bd498c3b359145696.jpeg

Link To JSFiddle

HTML
<ul class="flex-inner">
the <li>
 <input type="checkbox">
 <label for="">Fire Cabins</label>
</li>
the <li>
 <input type="checkbox">
 <label for="">Cabins Horseshoe</label>
</li>
the <li>
 <input type="checkbox">
 <label for="">Spruce Cabins</label>
</li>
the <li>
 <input type="checkbox">
 <label for="">Ursa Major Cabins</label>
</li>
the <li>
 <input type="checkbox">
 <label for="">Bear Meadow Campground</label>
</li>
the <li>
 <input type="checkbox">
 <label for="">Lakeside Campground</label>
</li>
the <li>
 <input type="checkbox">
 <label for="">Leadfoot Campground</label>
</li>
the <li>
 <input type="checkbox">
 <label for="">Talus Campground</label>
</li>
 </ul>


CSS
.flex-inner {
 display: flex;
 flex-wrap: wrap;
 list-style: none;
}

.flex-inner li {
 margin-top: 10px;
}

.flex-inner {
 flex-direction: column;
}

.flex-inner > li > label {
 margin-left: 10px;
}

.flex-inner>li>input {
 cursor: pointer;
}
April 4th 20 at 00:35
3 answers
April 4th 20 at 00:37
Solution
Try this:
.flex-inner li {
 display: flex;
 align-items: center;
}
Thanks, but not helping...
5e0e2faef17e7556381834.jpeg - Kaci.Carroll47 commented on April 4th 20 at 00:40
@Kaci.Carroll47, and helped me a lot:
5e0e31b670780006302811.png - joany.Bauch commented on April 4th 20 at 00:43
maybe there is a margin which is the input or the label? If there need to be removed. - joany.Bauch commented on April 4th 20 at 00:46
@joany.Bauch, yeah, right. Was top excess margin. Thank you - Kaci.Carroll47 commented on April 4th 20 at 00:49
April 4th 20 at 00:39
Solution
.flex-inner li {
display: flex;
align-items : center;
}
April 4th 20 at 00:41
Solution
https://jsfiddle.net/j0wdupnf/7/

position: relative and top: ???px

.flex-inner > li > label {
 margin-left: 10px;
 line-height: 50px;
}

.flex-inner > li > input {
 position: relative;
 top: 1.6 px;
 cursor: pointer;
}

Find more questions by tags CSS