3 divs naast elkaar

Ik ben nu bezig met een layout voor Timbox (coderen), alleen ik loop een beetje vast.
Ik moet 3 divs naast elkaar hebben, maar dat lukt niet.

HTML:

<div id="content">
<div class="vak"> </div>
</div>

<div id="content">
<div class="vak"> </div>
</div>

<div id="content">
<div class="vak"> </div>
</div>

CSS:

#content {
    width: 812px;
    margin: 0px auto;
    margin-left: 192px;
    float: left;
}

#content .vak {
     background-color: #fff;
     width: 230px;
     height: auto;
     border: 1px solid #A7B9BE;
     border-bottom: 4px solid #A7B9BE;
     padding: 10px;
     margin-top: 15px;
}

Heb het al, mag een slotje op.
Er moest bij content .vak nog een float: left;