No entiendo qué es lo que quieres hacer con los divs #primero, #segundo y #tercero
para centrar el menú del código que has puesto. El html:
Código:
<div id="contenedor">
<div class="tabs">
<a href="">primero</a>
<a href="">segundo</a>
<a href="">tercero</a>
<!--<div class="clear"></div>-->
</div>
</div>
y el css:
Código:
#contenedor{
width:100%;
}
.tabs{
margin-right:auto;
margin-left:auto;
width: 606px;/*el ancho es por 200px que le das a la pestaña más 1 pixel de cada borde multiplicado por tres*/
}
a{
display:block;
float:left;
width:200px;
height:30px;
text-align:center;
border:1px solid #666;}
.clear{
clear:both;}
Para que funcione, tienes que darle ancho tanto al div que vas a centrar como al que lo contiene.