Blaze UI es una biblioteca de interfaz de usuario basada en CSS que proporciona una excelente estructura para crear sitios web rápidamente con una base escalable y mantenible. En este artículo, aprenderemos sobre el componente Texto centrado en la alineación de la interfaz de usuario de Blaze . Este componente se utiliza para establecer la alineación del texto al centro .
Clase utilizada de texto centrado en la alineación de la interfaz de usuario de Blaze:
- centrado en u: esta clase se utiliza para aplicar el valor central a la propiedad de alineación de texto .
Sintaxis:
<div class="u-centered">
Content
</div>
Los siguientes ejemplos demostrarán este componente.
Ejemplo 1: En este ejemplo, escribiremos un texto y lo alinearemos al centro.
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "https://unpkg.com/@blaze/css@x.x.x/dist/blaze/blaze.css"> </head> <body> <h1 style="color:green">GeeksforGeeks</h1> <h3>Blaze UI Alignment Centered Text</h3> <div class="u-centered"> Hi Geek!! I am Center Aligned </div> </body> </html>
Producción:
Ejemplo 2: En este ejemplo, centraremos las etiquetas de encabezado y párrafo.
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "https://unpkg.com/@blaze/css@x.x.x/dist/blaze/blaze.css"> </head> <body> <h1 style="color:green">GeeksforGeeks</h1> <h3>Blaze UI Alignment Centered Text</h3> <h4 class="u-centered">Hi Geek!! I am a heading</h4> <p class="u-centered" style="color:violet"> Hi Geek!! Just look at me. I am a beautiful paragraph!! </p> </body> </html>
Producción:
Referencia: https://www.blazeui.com/utils/alignment/#centered-text
Publicación traducida automáticamente
Artículo escrito por akshitsaxenaa09 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA