Como inverter a direção do texto em CSS

Ao trabalhar com texto, pode haver situações em que você precise inverter sua direção, para que ele flui da direita para a esquerda em vez do padrão da esquerda para a direita. Este artigo fornece uma solução para tais cenários usando CSS.

Código CSS para alterar a direção do texto

O seguinte código CSS pode ser usado para reverter a direção do texto:

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

Aplicando a classe

Para aplicar este código, use a classe .cssClassName ao elemento HTML que contém o texto que você deseja reverter. Por exemplo, se você tiver uma tag de parágrafo com o seguinte texto:

This is it

E você deseja reverter sua direção, aplique a classe assim:

This is it

O texto resultante será:

ti si sihT

Nota: Certifique-se de que a classe .cssClassName seja aplicada a um elemento que contém texto, pois não funcionará em elementos vazios.