Puedes usar la propiedad text-align para mover el texto a la izquierda, derecha, centro o incluso justificar tu contenido, de forma que llene el elemento o la página web horizontalmente.
// Syntax
text-align: start;
text-align: end;
text-align: left;
text-align: right;
text-align: center;
text-align: justify;
Si deseas alinear todo el texto de tu página web, puedes aplicar esta propiedad a cualquier etiqueta que contenga el texto, como las etiquetas div, heading, paragraph o body.
Antes de ver un ejemplo, exploremos las opciones/valores disponibles para esta propiedad.
start: Esta se basa en la dirección. Cuando la dirección es de izquierda a derecha, start significaría izquierda. Si la dirección es de derecha a izquierda, entonces start significaría derecha.
end: Esta también se basa en la dirección. Cuando la dirección es de izquierda a derecha, entonces end significaría derecha. Si la dirección es de derecha a izquierda, entonces end significaría izquierda.
left: Usarás esta para alinear los textos al borde izquierdo de la página o contenedor.
right: Usarás esta para alinear los textos al borde derecho de la página o contenedor.
center: Usarás esta para alinear los textos al centro exacto de la página o contenedor.
justify: Usarás esta para ajustar el contenido del texto a los bordes izquierdo y derecho de tu página o contenedor.
La sintaxis general sería:
selector {
text-align: valor;
}