JSFiddle - React, Tailwind, and code Playground

by Bea19

HTML

<div class="col-sm-2">
              <div class="box box-solid box-primary">
                <div class="box-header">
                  <h3 class="box-title">CHECKBOX</h3>
                </div>
                <div class="box-body">
                  <div align="left" class="multicol">
                    <div id="covarselect" class="shiny-html-output shiny-bound-output"><div id="carselect" class="form-group shiny-input-checkboxgroup shiny-input-container shiny-bound-input">
  <label class="control-label" for="carselect">Select any that apply</label>
  <div class="shiny-options-group">
    <div class="checkbox">
      <label>
        <input type="checkbox" name="carselect" value="MazdaRX4">
        <span>MazdaRX4</span>
      </label>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox" name="carselect" value="MazdaRX4Wag">
        <span>MazdaRX4WagMazdaRX4WagMazdaRX4Wag</span>
      </label>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox" name="carselect" value="Datsun710">
        <span>Datsun710</span>
      </label>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox" name="carselect" value="Hornet4Drive">
        <span>Hornet4Drive</span>
      </label>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox" name="carselect" value="HornetSportabout">
        <span>HornetSportabout</span>
      </label>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox" name="carselect" value="Valiant">
        <span>Valiant</span>
      </label>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox" name="carselect" value="Duster360">
        <span>Duster360</span>
      </label>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox" name="carselect" value="Merc240D">
        <span>Merc240D</span>
      </label>
    </div>
    <div class="checkbox">
      <label>
    ...

CSS

.multicol { 
             -webkit-column-count: 3; /* Chrome, Safari, Opera */ 
             -moz-column-count: 3;    /* Firefox */ 
             column-count: 3; 
             -moz-column-fill: auto;
             -column-fill: auto;
             }