Cómo invertir la dirección del texto en CSS

Al trabajar con texto, puede haber situaciones en las que necesites invertir su dirección, de modo que fluye de derecha a izquierda en lugar de la izquierda a derecha predeterminada. Este artículo proporciona una solución para tales escenarios usando CSS.

Código CSS para cambiar la dirección del texto

El siguiente código CSS se puede usar para invertir la dirección del texto:

.cssClassName {
  direction: rtl;
  unicode-bidi: bidi-override;
}

Aplicar la clase

Para aplicar este código, use la clase .cssClassName al elemento HTML que contiene el texto que desea revertir. Por ejemplo, si tienes una etiqueta de párrafo con el siguiente texto:

This is it

Y quieres invertir su dirección, aplica la clase así:

This is it

El texto resultante será:

ti si sihT

Nota: Asegúrese de que la clase .cssClassName se aplique a un elemento que contenga texto, ya que no funcionará en elementos vacíos.