krijg content vak niet goed

Hallo,

zie allemaal even http://bit.ly/xFQzpZ, daar staan 2 content vakken. Deze krijg ik niet recht langs elkaar, alleen onder elkaar. Wie kan me daarmee helpen?

Haal die inline margin-left er eens uit? Dan heb ik ze naast elkaar staan.

body {

background-color: #fff;
font: 0.74em/1.5em Arial,Helvetica,sans-serif;

}

.header {

background-image: url("img/achtergrondblauw.png");
height: 212px;
width: 102%;
margin: -8px -8px;
float: left;

}

.header1 {

background-image: url("img/achtergrondblauw.png");
height: 500px;
width: 102%;
margin: -8px -8px;
float: left;

}

.headertext {

height: auto;
width: 966px;
margin: 0px auto;

}

.logohead {

font-size: 20px;

}

.menu {

margin-top: 10px;
background-image: url("img/menubalk.png");
height: 42px;
width: 966px;
float: left;

}

.container {

width: 967px;
height: auto;
margin: 0px auto;
margin-top: 57px;
color: white;

}

.container1 {

width: 967px;
height: auto;
margin: 0px auto;

}

.sms {

background-image: url("img/balkboven.png");
width: 966px;
height: 56px;
margin-top: 45px;
float: left;

}

.smstext {

margin-top: 20px;
margin-left: 15px;

}

.head {

color: #96140b;
font-size: 25px;
text-align: left;
border-bottom: 1px #C6C6C6 solid;
padding-left: 10px;
line-height: 30px;

}

.content {

margin-top: 30px;
background-image: url("img/hoewerkthet.png");
background-repeat: no-repeat;
height: 223px;
width: 708px;
float: left;
margin-left: 50px;

}

.welkom {

background-image: url("img/menu.png");
width: 205px;
height:367px;
float: left;
margin-top: 30px;
margin-bottom: 50px;

}

.welkomtext {

margin-top: 15px;
margin-left: 17px;

}

.vak {

background-image: url("img/vak.png");
margin-top: 30px;
height: 365px;
width: 474px;
float: left;
margin-bottom: 20px;

}

.left {

margin-left: 45px;

}

.v {

font-size: 28px;
color: #ffa626;

}

.vtext {

margin-top: 30px;
float: left;

}

.plaatje {

background-image: url("img/vrijblijvend.png");
height: 266px;
width: 400px;
float: left;
margin-left: 214px;
margin-top: 30px;

}

.plaatjetext {

margin-top: 190px;
padding-left: 10px;
font-size: 28px;

}

.SMSen {

margin-left: 200px;

}

werkt nog niet?

Ik zeg: inline Dus waarom toon je je CSS?
Als ik die weghaal dan werkt het wel.

style="margin-left: 19px;"

En daarom ben ik geen voorstander van inline CSS.

Gelukt, enkel staan ze niet helemaal perfect..

je moet dat 2e vak een margin-left: 5px; meegeven ofzo dan staan ze iets uit elkaar dat lijkt me mooier?