Es un problema de lógica más que de código.
Si tienes un elemento más grande que su contenedor, no puedes centrarlo. Y si el elemento ocupa todo el contenedor, con 100%, tampoco puedes centrarlo. Lo puedes centrar si ocupa menos del ancho de su contenedor. Cambiando ese max-width por un valor de 80% por ejemplo, para que veas que efectivamente se centra.
Lo del highlight es que pongas tu código entre las etiquetas [HIGHLIGHT="CSS"] y [/HIGHLIGHT] o [CODE] y [/CODE] para que se vea el código como código y no como texto. O también al publicar tu mensaje te aparece la opción por la caja de texto:
