hoy me he tomado la molestia re probar tu código y me he encontrado con que tapanarrativa si esta centrado
si aplicas
Código CSS:
Ver original#tapanarrativa {
background:red;overflow:hidden;
}
veras como tapanarrativa si esta mas que centrado, el problema es que los elementos de su interior están flotando, esos no los puedes centrar ni a mentadas.... lo que tendrías que hacer es una de estas opciones
1.- haz que estos ocupen siempre el 50% del ancho de tapanarrativa, de esta forma nunca te quedaras con espacio en blanco dando la sensación de que no esta centrado.
2.- ajusta tapanarativa al ancho de su contenido, es decir en lugar de porcentajes usa medidas absolutas.... recuerda que usar porcentajes no es sinónimo de responsive design.... para compensarlo puedes usar media queries
3.- deja de flotar los cuadros que están en el interior de tapa narrativa y en su contra parte usa display inline block, esto hara que se acomoden centradamente... aunque no siempre tendrás 2 elementos por linea.