Tipografía
Utilidades para controlar la alineación del texto.
| Clase | Estilos |
|---|---|
text-left | text-align: left; |
text-center | text-align: center; |
text-right | text-align: right; |
text-justify | text-align: justify; |
text-start | text-align: start; |
text-end | text-align: end; |
Usa la utilidad text-left para alinear el texto de un elemento a la izquierda:
Así que empecé a caminar hacia el agua. No les mentiré, muchachos, estaba aterrorizado. Pero seguí adelante, y mientras pasaba las rompientes una extraña calma me invadió. No sé si fue intervención divina o la afinidad de todos los seres vivos, pero te digo Jerry, en ese momento, I was a marine biologist.
<p class="text-left">Así que empecé a caminar hacia el agua...</p>Usa la utilidad text-right para alinear el texto de un elemento a la derecha:
Así que empecé a caminar hacia el agua. No les mentiré, muchachos, estaba aterrorizado. Pero seguí adelante, y mientras pasaba las rompientes una extraña calma me invadió. No sé si fue intervención divina o la afinidad de todos los seres vivos, pero te digo Jerry, en ese momento, I was a marine biologist.
<p class="text-right">Así que empecé a caminar hacia el agua...</p>Usa la utilidad text-center para centrar el texto de un elemento:
Así que empecé a caminar hacia el agua. No les mentiré, muchachos, estaba aterrorizado. Pero seguí adelante, y mientras pasaba las rompientes una extraña calma me invadió. No sé si fue intervención divina o la afinidad de todos los seres vivos, pero te digo Jerry, en ese momento, I was a marine biologist.
<p class="text-center">Así que empecé a caminar hacia el agua...</p>Usa la utilidad text-justify para justificar el texto de un elemento:
Así que empecé a caminar hacia el agua. No les mentiré, muchachos, estaba aterrorizado. Pero seguí adelante, y mientras pasaba las rompientes una extraña calma me invadió. No sé si fue intervención divina o la afinidad de todos los seres vivos, pero te digo Jerry, en ese momento, I was a marine biologist.
<p class="text-justify">Así que empecé a caminar hacia el agua...</p>Prefija una utilidad text-align con una variante de breakpoint como md: para aplicar la utilidad solo en tamaños de pantalla medium y superiores:
<p class="text-left md:text-center ..."> Lorem ipsum dolor sit amet...</p>Aprende más sobre el uso de variantes en la documentación de variantes.