Centrar el texto es una de las tareas importantes al crear p ginas web. C mo hacer que el texto est ubicado en el centro de la pantalla y se vea est ticamente agradable? En este art culo, veremos algunas de las mejores formas y herramientas para ayudarlo a lograr el resultado deseado.
La primera forma es usar la propiedad CSS text-align. Permite definir la alineaci n horizontal del contenido dentro del elemento de bloque. Para que el texto est en el medio, debe agregar el siguiente c digo al archivo CSS:
selector {
text-align: center;
}
Otra forma es usar un elemento div de ancho fijo y establecer la sangr a izquierda y derecha en autom tico. Por ejemplo:
Como puede ver en el ejemplo, el texto se alinear autom ticamente en el centro de la p gina.
Una de las formas m s f ciles de alinear una fuente en el medio es mediante el uso de estilos CSS. Para ello, puede aplicar la propiedad
Tu texto
2. Uso de flexbox
Flexbox es una poderosa herramienta CSS que facilita la alineaci n de elementos dentro de un contenedor. Para alinear una fuente en el medio con flexbox, puede aplicar el siguiente c digo:
3. Uso de tablas
Otra forma de alinear una fuente en el medio es usar tablas. Puede crear una tabla con una celda y poner texto en ella. Luego alinee el texto en el medio con el atributo
align="center"
Tu texto
Si necesita una alineaci n de fuente m s compleja en el medio o soporte para navegadores m s antiguos, puede usar JavaScript. Por ejemplo, con jQuery puede usar el siguiente c digo: