allineamonto a tre colonne con i div

[rocco.mod]

salve io ho un piccolo problema, dentro questo div content2 devo mettere tre div uno accanto al 'altro

<div id="content2">
               <div  class="navigator">
                   <div > <h3>Ecco qui</h3>
                

Aenean ante tellus, bibendum vel, vestibulum sit amet, pharetra at, diam. Duis congue imperdiet libero</p></div>
                 <div > <h3>Ecco qui</h3>
                

Aenean ante tellus, bibendum vel, vestibulum sit amet, pharetra at, diam. Duis congue imperdiet libero</p></div>
     <div > <h3>Ecco qui</h3>
                

Aenean ante tellus, bibendum vel, vestibulum sit amet, pharetra at, diam. Duis congue imperdiet libero</p></div>       
        </div>
      </div>

questo e il css del content2

div#content2{
	margin: 0 300px 0 300px;
	padding: 1em ;
}

e questo del navigator

div.navigator{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	float: left;
	clear:left;
	width: 200px;
	\width: 200px;
	\width: 200px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}

mi allinea uno sopra l altro anzi che uno vicino all altro perche?

[sezenec]

ci saranno altri modi naturalmente, io farei cosi:

crei una classe per tutti e 3 i div interni a navigator e a questa classe assegni:
1) float:left;
2) una width che moltiplicata per 3 sia inferire a 200px (la width di navigator)

[rocco.mod]

grazie ho fatto in questo modo ho inserito una tabella e ho risolto cosi