Bestämma fast avstånd mellan alla <div> i en <div>?

hejsan!

Jag har sett många trådar om hur man får bort mellanrum men hur får man dit dem egentligen?

Låt oss säga att vi har något som ser ut såhär:

<div id="allt">

<div class="box">denna ligger högst upp</div>

<div class="box">Denna ligger automatiskt 10px under den <div> som ligger över</div>

<div class="box">Denna ligger automatiskt 10px under den <div> som ligger över</div>

</div>

Försår ni hur jag menar?

Jag söker alltså en slags:

#allt {
width:100px;
avstånd-mellan-divs-i-denna:10px;
}

Är detta möjligt?

Eller måste jag klämma in en 10px hög <div> mellan alla? Känns lite onödigt.