Alinhamento de texto em CSS

CSS curto para folhas de estilo em cascata é usado para manipular elementos de uma página da web escrita em html ou xml para aprimorar sua aparência. O CSS consiste em uma vasta gama de propriedades usadas para modificar a cor, o tamanho, o alinhamento de um elemento, etc. Este artigo, no entanto, foi projetado para esclarecer seus leitores sobre a propriedade que ajuda a alinhar o texto em uma página da web.

Alinhamento de texto em CSS

Para alinhar seu texto usando CSS, a propriedade de alinhamento de texto é usada. Esta propriedade alinha o texto horizontal. Um texto pode ser alinhado das seguintes maneiras diferentes;

1. Esquerda
2. Certo
3. Centro
4. Justificado

Se a direção do texto for da esquerda para a direita, o texto será alinhado deixado por padrão e se a direção do texto for da direita para a esquerda, o texto será alinhado por padrão.

Como deixar o texto alinhado

Para alinhar o texto à esquerda, defina o valor da propriedade de alinhamento de texto como esquerda. O exemplo a seguir mostra o alinhamento esquerdo do texto.

Este texto fica alinhado.

Saída

O alinhamento do texto foi definido para a esquerda.

Como alinhar o texto alinhado à direita

Para alinhar o texto à direita, defina o valor da propriedade de alinhamento de texto como direito. O exemplo a seguir mostra o alinhamento correto do texto.

Este texto está certo alinhado.

Saída

O texto está certo alinhado.

Como centralizar o texto alinhado

Para alinhar o texto ao centro, defina o valor da propriedade de alinhamento de texto como centro. O exemplo a seguir mostra o alinhamento central do texto.

Este texto está central alinhado.

Saída

O texto foi alinhado central.

Como justificar o alinhamento do texto

Para justificar o alinhamento de texto, defina o valor da propriedade de alinhamento de texto como justificado. Quando você justifica o alinhamento do texto, cada linha é esticada para ter a mesma largura, além disso, as margens (esquerda e direita) são definidas retas. O exemplo abaixo dos demonstrados justificou o alinhamento de texto.

Este alinhamento de texto é justificado.

Saída

O alinhamento de texto foi justificado.

Agora, às vezes encontramos a situação em que queremos alinhar algum texto em vez de todo o texto. Suponhamos que você queira alinhar a última linha do texto e, para isso, a propriedade de text-align-last é usada.

Texto alinhado à última propriedade

Como já mencionado, esta propriedade é usada alinhando a última linha do texto.

Exemplo
No exemplo seguinte, estamos justificando o alinhamento da última linha do parágrafo.

CSS curto para folhas de estilo em cascata é usado para manipular elementos de uma página da web escrita em html ou xml para aprimorar sua aparência. O CSS consiste em uma vasta gama de propriedades usadas para modificar a cor, o tamanho, o alinhamento de um elemento, etc.

Saída

A última linha do parágrafo é justificada.

Conclusão

Usando a propriedade de text-alinhamento do CSS, você pode ajustar o alinhamento do seu texto em um documento HTML. O texto em uma página da web pode ser alinhado de quatro maneiras diferentes que são; Esquerda, direita, centro e justificada. Além disso, a propriedade de texto-alinhamento é usada para alinhar a linha de um parágrafo. Esta redação destaca a propriedade de CSS de alinhamento de texto com a ajuda de exemplos apropriados.