A ver, tengo el siguiente código en HTML:
Código:
<div id="contenido">
<p class="cabecera-texto">PRODUCTOS</p>
<div class="productos">
<div class="producto">Producto 1</div>
<div class="producto">Producto 2</div>
<div class="producto">Producto 3</div>
<div class="producto">Producto 4</div>
<div class="producto">Producto 5</div>
<div class="producto">Producto 6</div>
</div><!-- productos -->
</div> <!-- contenido -->
Y lo que quiero es, dentro del div productos (que contiene los
"n" productos de una página), centrar estos para que, sea como sea la medida de la pantalla se vea centrado.
Tengo el div#contenido como un 80% del ancho, por lo que productos tiene ese % menos los márgenes. He intentado mil cosas, pero no consigo que se mantenga siempre centrado, al modificar el ancho de pantalla. ¿Alguna idea? (margin: 0 auto; probado
casi de todas las formas).
Gracias, un saludo.