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 adentrarme en el agua. No les voy a mentir muchachos, estaba aterrorizado. Pero seguí adelante, y a medida que avanzaba más allá de las olas, una extraña calma se apoderó de mí. No sé si fue una intervención divina o el parentesco de todos los seres vivos, pero te digo Jerry, en ese momento, yo era un biólogo marino.
<p class="text-left">Así que empecé a adentrarme en el agua...</p>Usa la utilidad text-right para alinear el texto de un elemento a la derecha:
Así que empecé a adentrarme en el agua. No les voy a mentir muchachos, estaba aterrorizado. Pero seguí adelante, y a medida que avanzaba más allá de las olas, una extraña calma se apoderó de mí. No sé si fue una intervención divina o el parentesco de todos los seres vivos, pero te digo Jerry, en ese momento, yo era un biólogo marino.
<p class="text-right">Así que empecé a adentrarme en el agua...</p>Usa la utilidad text-center para centrar el texto de un elemento:
Así que empecé a adentrarme en el agua. No les voy a mentir muchachos, estaba aterrorizado. Pero seguí adelante, y a medida que avanzaba más allá de las olas, una extraña calma se apoderó de mí. No sé si fue una intervención divina o el parentesco de todos los seres vivos, pero te digo Jerry, en ese momento, yo era un biólogo marino.
<p class="text-center">Así que empecé a adentrarme en el agua...</p>Usa la utilidad text-justify para justificar el texto de un elemento:
Así que empecé a adentrarme en el agua. No les voy a mentir muchachos, estaba aterrorizado. Pero seguí adelante, y a medida que avanzaba más allá de las olas, una extraña calma se apoderó de mí. No sé si fue una intervención divina o el parentesco de todos los seres vivos, pero te digo Jerry, en ese momento, yo era un biólogo marino.
<p class="text-justify">Así que empecé a adentrarme en el agua...</p>Usa las utilidades text-start y text-end, las cuales utilizan propiedades lógicas para asignarse al lado izquierdo o derecho según la dirección del texto:
بدأتُ أسير نحو الماء. لن أكذب عليكم يا رفاق، كنتُ مرعوبًا. لكنني واصلتُ المسير، وبينما كنتُ أشق طريقي عبر الأمواج، غمرني هدوءٌ غريب. لا أعلم إن كان ذلك تدخّلًا إلهيًا أم صلة قرابة بين جميع الكائنات الحية، لكنني أقول لك يا جيري، في تلك اللحظة، كنتُ عالم أحياء بحرية.
<div dir="rtl" lang="ar"> <p class="text-end">فبدأت بالسير نحو الماء...</p></div>Antepone a la utilidad text-align el prefijo de una variante de punto de ruptura como md: para aplicar la utilidad únicamente en tamaños de pantalla mediano y superiores:
<p class="text-left md:text-center ..."> Lorem ipsum dolor sit amet...</p>Obtén más información sobre el uso de variantes en la documentación de variantes.