No matter how much styling is applied to text (typeface, size, weight, etc.), the text always appears on the left side of the container in which it resides.

To align text we can use the text-align property. The text-align property will align text to the element that holds it, otherwise known as its parent.

h1 {
  text-align: right;
}

The text-align property can be set to one of the following commonly used values:

• left — aligns text to the left side of its parent element, which in this case is the browser.
• center — centers text inside of its parent element.
• right — aligns text to the right side of its parent element.
• justify— spaces out text in order to align with the right and left side of the parent element.