Espacer deux bloc

Bonjour à tous,
j'ai un problème d'espacement de deux blocs, que je n'arrive pas à résoudre, c'est pour ca que je vient vers vous pour de l'aide.
J'aimerais espacer mon bloc Qui sommes nous, de notre but, pour que ces deux ne soient plus collés
Voici mon code html

	<section id="info_home" class="container">
		<div class="info_home_left"><h1>Qui sommes nous ?</h1><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div>

	</section>



<section id="info_home" class="container">
		
		<div class="info_home_right"><h1>Notre but ?</h1><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div>
	</section>

et le css

#info_home{
  border:1px solid #D7D7D7;
  border-radius:8px;
  box-shadow: 0px 0px 10px #b3bec7;
  display: table-cell;
  width:450px;
  height:200px;
}
.info_home_left{
  float: left;
  width:450px;

}
.info_home_right{
  float: right;
  width:450px;
}

Merci d'avance.
Modifié par ronytexasranger (27 Apr 2012 - 17:41)

bonjour,

padding et/ou margin en réajustant la largeur peut-être ?

GC

Sur quel id ou class j'applique le margin.
Modifié par ronytexasranger (27 Apr 2012 - 17:53)

Tu as 2 fois id="info_home", un ID doit être unique.

Il y a pas mal de soucis dans ton code. En théorie, tu devrais mettre margin-right:10px sur l'élément de gauche. Seulement, tu n'as rien pour identifier l'élément de gauche proprement.

Tu devrais retirer <div class="info_home_left/right"> (et le div de fermeture)

Et remplace
<section id="info_home" class="container">
par
<section class="container info_home_left">

Et là, tu pourrais appliquer ta marge sur l'élément info_home_left

(le tout en adaptant un peu ton CSS)

Merci pour ton aide kenor j'ai réussi à faire ce que je voulais dans le site.