Hogyan tudnám beigazítani a DIV-eket megfelelően?

Van egy fő DIV-em, a képen a fehér az. Vannak a kis DIV-ek, a szürkék. A képpel ellentétben nekem abból 6 db van. A lényeg az, hogy 3 sorba szeretném 2-2 DIV-et egymás mellé. Viszont nekem 2 db ilyen 3-mas blokkot csinál, mint ami a kép tetején látszik. Hogyan oldhatnám meg, hogy norálisan 2-2 legyen egymás mellett?

Kép: [link]

A kódom:

HTML:

<div class="minta">Tartalom</div>

<div class="minta">Tartalom</div>

<div class="minta">Tartalom</div>

<div class="minta">Tartalom</div>

<div class="minta">Tartalom</div>

<div class="minta">Tartalom</div>

CSS:

.minta{

width: 300px;

min-height: 50px;

float: left;

margin: 2px;

padding: 3px 5px;

}

Köszönöm szépen a segítséget!