> Faqs > Centrar recuadro

Centrar recuadro

Tengo un texto rodeado de un recuadro mediante una CSS, deseo que el recuadro esté centrado pero no lo consigo lo que logro es que el texto esté centrado en el recuadro pero este siempre está alineado a la izquierda.

Esta es la Hoja de Estilo que utilizo, para hacer el recuadro.

.fondo_cuadro{ text-align: center; width: 75%; padding-left: 20%; border-style: double; border-color: #be660e; }

¿Cómo la modifico para centrar el recuadro?

<p class="fondo\_cuadro"> Texto del interior del recuadro</p> Un saludo

Respuestas

Fondo_cuadro está dentro de un

p.fondo_cuadro{ text-align: center; width: 75%; margin-left: 12%; border-style: double; border-color: #be660e; } He cambiado el padding por un margin, poniendo como margen izquierdo la mitat de la diferencia entre el 100% y el ancho de recuadro, que en este caso es 25 por tanto el margen es 12 (o 13, tanto da, nadie va a cojer el pie de rey para ver si son idénticos), así queda un margen similar a derecha e izquierda. (si es eso lo que querias) Saludos

Ms