html - 如何在html中使用column-count在三列中显示div？

Question

我必须使用 column-count 显示三列。我可以使用 column-count 在三列中显示 li 标签，但我无法显示 div。所有的 div 都显示在一行中。请检查我的代码并在我错的地方帮助我。你愿意帮我吗？

<!--This is working perfectly-->
<ul class="cource_details_3">
    <li>hlahdahj</li>
    <li>hlahdahj</li>
    <li>hlahdahj</li>
    <li>hlahdahj</li>
    <li>hlahdahj</li>
    <li>hlahdahj</li>
    <li>hlahdahj</li>
    <li>hlahdahj</li>
    <li>hlahdahj</li>
    <li>hlahdahj</li>
    <li>hlahdahj</li>
</ul>

.cource_details_3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3; 
}

    <span class="cource_details_3">
    <div class="get_9">
    <input type="checkbox">
    <label>9</label>
    </div>
    
    <div class="get_10">
    <input type="checkbox" >
    <label>10</label></div>
    
    <div class="get_11">
    <input type="checkbox"  >
    <label>11</label></div>
    
    <div class="get_12">
    <input type="checkbox">
    <label>12</label></div>
    
    <div class="get_13">
    <input type="checkbox" >
    <label>13</label>
    </div>
    
    <div class="get_14">
    <input type="checkbox">
    <label>14</label>
    </div>
    
    <div class="get_15">
    <input type="checkbox">
    <label>15</label>
    </div>
    
    <div class="get_16">
    <input type="checkbox" >
    <label >16</label>
    </div>
    
    </span>

Answer 1

将span改为div

.cource_details_3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3; 
}

    <div class="cource_details_3">
    <div class="get_9">
    <input type="checkbox">
    <label>9</label>
    </div>
    
    <div class="get_10">
    <input type="checkbox" >
    <label>10</label></div>
    
    <div class="get_11">
    <input type="checkbox"  >
    <label>11</label></div>
    
    <div class="get_12">
    <input type="checkbox">
    <label>12</label></div>
    
    <div class="get_13">
    <input type="checkbox" >
    <label>13</label>
    </div>
    
    <div class="get_14">
    <input type="checkbox">
    <label>14</label>
    </div>
    
    <div class="get_15">
    <input type="checkbox">
    <label>15</label>
    </div>
    
    <div class="get_16">
    <input type="checkbox" >
    <label >16</label>
    </div>
    
    </div>