Checkboxes

by Nikita_Migushev

HTML

<ul class="flex-inner">
                    <li>
                        <input type="checkbox">
                        <label for="">Fire Cabins</label>
                    </li>
                    <li>
                        <input type="checkbox">
                        <label for="">Horseshoe Cabins</label>
                    </li>
                    <li>
                        <input type="checkbox">
                        <label for="">Spruce Cabins</label>
                    </li>
                    <li>
                        <input type="checkbox">
                        <label for="">Ursa Major Cabins</label>
                    </li>
                    <li>
                        <input type="checkbox">
                        <label for="">Bear Meadow Campground</label>
                    </li>
                    <li>
                        <input type="checkbox">
                        <label for="">Lakeside Campground</label>
                    </li>
                    <li>
                        <input type="checkbox">
                        <label for="">Leadfoot Campground</label>
                    </li>
                    <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;
}