vier elemeneten gelijk verdelen d.m.v. Div

Wie kan mij hiermee helpen?

Ik wil vier elementen gelijk verdelen over de volle breedte van een kolom

style

.container {
width: 800px;
}

.element {
float: left;
width: 108px;
}


in de body

<div class="container">

<div class="element">
fdsfsdfsd
</div>

<div class="element">
fdsfsdfsd
</div>

<div class="element">
fdsfsdfsd
</div>

<div class="element">
fdsfsdfsd
</div>

</div>

Je zou denken aan text-align: justify maar dat werkt niet.
De eerste staat tegen de linkerkant, de laatse tegen de rechterkant, de wituimte is dan overal gelijk

Alvast bedankt.