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é...

La FAQ Centrar recuadro tiene

Pertenece a la categoría:

Pregunta
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



Respuesta de Ms
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

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

FAQ relacionadas

Para ver más FAQ relacionadas accede a las categorías:

Volver al árbol de categoríasVolver al árbol de categorías
Alojados en el grupo