Centrar DIV dentro de otro DIV

[rex16]

no se si es esto lo que buscas:

Código HTML:

<div id="contenido">
  <p class="cabecera-texto">PRODUCTOS</p>
  <div class="productos">
    <div class="producto1">Producto 1</div>
    <div class="producto2">Producto 2</div>
    <div class="producto1">Producto 3</div>
    <div class="producto2">Producto 4</div>
    <div class="producto1">Producto 5</div>
    <div class="producto2">Producto 6</div>
  </div><!-- productos -->
</div> <!-- contenido --> 

Código PHP:

   
#contenido{ width:80%; margin:0px auto;background-color:red} 
.producto1{ background-color:green; width:80%; margin:0px auto} 
.producto2{background-color:blue; width:80%; margin:0px auto}