How to create a margin between two seperate divs?

Tags: html,css,html5,css3

Problem :

I have two divs at the moment containing different images and text. They use the same css style of .cheese_people I need to create a margin between the middle of the two boxes. How would I do this?

Also do I really need two divs to do this? The only reason I've done it like this is to get them on the same grid line.

            <div class=" grid 6 cheese_people">
<img class="people_photo" src="img/cheese_expert.jpg">
<h4>Chief Cheese Taster <br> Dave Le Conk</h4>
<p class="chesse_people">I've always had a passion for cheese - Now I get to taste it everyday!</p>
</div>

<div class=" grid 6 cheese_people">
<img class="people_photo" src="img/cheese_owner.jpg">
<h4>The Big Cheese Owner <br> Sally De Cheese</h4>
<p class="chesse_people">I wanted to create an online store that I'd would trust</p>
</div>

.cheese_people {
font-family: sans-serif;
background-color: #dec38c;
border:solid 3px #6b5221;
float:left;
width:45%;
}


Solution :

I'm not sure you want margin between both divs. You might want one sticked to the left, and the other sticked to the right (I say that because of the 45%). Then, use this :

.cheese_people:last-child {float: right}