Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

Texto centrado en el border

Buenas tardes

profesores y compañeros, tengo una duda a ver si alguien me puede ayudar.

tengo un texto, el cual le pongo un borde, como uds sabe el borde rodea al texto. la pregunta es: como hago para que ese texto me quede centrado verticalmente y horizontalmente dentro del borde?

2 respuestas

Hola Eliecer, espero que estés muy bien.

Un texto para ser centrado, simplemente use la línea "text-align: center;" dentro de tu CSS. Así como el propio nombre ya dice "text-align", alineación de texto, él se utiliza para centralizar elementos textuales. Use dentro de los <p> párrafos.

Hay muchas técnicas para centralizar verticalmente, una de las más simples es crear una tabla:

.elemento-principal {
   display: table;
   width: 100%;
}
.elemento-a-ser-centralizado {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

¡Saludos!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!

muchas gracias