如何使用html中的列计数在三列中显示div？

Question

我必须使用列计数显示三列。我能够使用列计数在三列中显示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>

＆＃13;

＆＃13;

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

＆＃13;

    <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>

＆＃13;

＆＃13;

＆＃13;

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>