Ayuda con div en CSS. Ordenar uno de bajo del otro
Hola haber si alguien me puede ayudar, necesito hacer que un listado en css quede de forma de columna es decir que los datos que se muestran se divida en 3 columnas al llegar al final vulva a subir pero necesito que el orden de los datos quede desde izquierda a derecha, ya que si uso float:left; me los ordena en horizontal le pongo un ejemplo
Ejemplo como tiene que quedar los div.
Ejemplo del código
.cabTitulos {width:150px; height:25px; background-color:#666666; float:left}
<div style="width:600px; height:400px; margin-left:20px;">
<div id="cabecera" style="width:120px; float:left; height:25px;">
<form method="post" action="" name="form2" id="form2">
<div class="cabTitulos">
<span class="filtros_si">
<label for="">
<input type="checkbox" name="a1" id="a1" value="1">
N p 1 </label>
</span>
</div>
<div class="cabTitulos">
<span class="filtros_si">
<label for="">
<input type="checkbox" name="a1" id="a1" value="1">
N p 2 </label>
</span>
</div>
<div class="cabTitulos">
<span class="filtros_si">
<label for="">
<input type="checkbox" name="a1" id="a1" value="1">
N p 3 </label>
</span>
</div>
<div class="cabTitulos">
<span class="filtros_si">
<label for="">
<input type="checkbox" name="a1" id="a1" value="1">
N p 4 </label>
</span>
</div>
<div class="cabTitulos">
<span class="filtros_si">
<label for="">
<input type="checkbox" name="a1" id="a1" value="1">
N p 5 </label>
</span>
</div>
<div class="cabTitulos">
<span class="filtros_si">
<label for="">
<input type="checkbox" name="a1" id="a1" value="1">
N p 6 </label>
</span>
</div>
<div class="cabTitulos">
<span class="filtros_si">
<label for="">
<input type="checkbox" name="a1" id="a1" value="1">
N p 1 </label>
</span>
</div>
<div class="cabTitulos">
<span class="filtros_si">
<label for="">
<input type="checkbox" name="a1" id="a1" value="1">
N p 1 </label>
</span>
</div>
<div class="cabTitulos">
<span class="filtros_si">
<label for="">
<input type="checkbox" name="a1" id="a1" value="1">
N p 1 </label>
</span>
</div>
<div class="cabTitulos">
<span class="filtros_si">
<label for="">
<input type="checkbox" name="a1" id="a1" value="1">
N p 1 </label>
</span>
</div>
<div class="cabTitulos">
<span class="filtros_si">
<label for="">
<input type="checkbox" name="a1" id="a1" value="1">
N p 1 </label>
</span>
</div>
<div class="cabTitulos">
<span class="filtros_si">
<label for="">
<input type="checkbox" name="a1" id="a1" value="1">
N p 1 </label>
</span>
</div>
<div class="cabTitulos">
<span class="filtros_si">
<label for="">
<input type="checkbox" name="a1" id="a1" value="1">
N p 1 </label>
</span>
</div>
<div class="cabTitulos">
<span class="filtros_si">
<label for="">
<input type="checkbox" name="a1" id="a1" value="1">
N p 1 </label>
</span>
</div>
<input type="hidden" value="si" name="security1">
<input type="submit" value="Mostrar filtros" id="enviar" class="btn btn-success btn-sm" style="text-align:right; float:right;">
</form>
</div>
</div>
