JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Лейблы переносятся на следующую строку</h3>
<div class="checkboxes">
    <ul>
        <li><input type="checkbox" name="" id=""><label for="">щелкунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелdddкунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкddddунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкуdddddddнчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкdddунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкунчик</label></li>
    </ul>
</div>

<h3>А здесь переносится парами (чекбокс и лейбл)</h3>
<div class="checkboxes fixed">
    <ul>
        <li><input type="checkbox" name="" id=""><label for="">щелкунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелdddкунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкddddунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкуdddddddнчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкdddунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкунчик</label></li>
        <li><input type="checkbox" name="" id=""><label for="">щелкунчик</label></li>
    </ul>
</div>

CSS

.checkboxes {
    width:350px;
    overflow:auto;
}
.checkboxes ul {list-style:none}
.checkboxes li {display:inline}
.checkboxes.fixed li {
    display:block-inline;
    float:left;
    text-wrap: none;
    margin-right:20px;
}
.checkboxes.fixed input[type='checkbox']{
    display:inline;
}