CSS Text Alignment

The text-align property in CSS is used to specify the horizontal alignment of text in an element.

The following are some of the most common values for the text-align property:

• left The text is aligned to the left side of the element. This is the default value.
• right The text is aligned to the right side of the element.
• center The text is centered in the element.
• justify The text is justified, which means that the text is spread out evenly between the left and right margins.
• start The text is aligned to the start of the element, which is the same as left in a left-to-right language and right in a right-to-left language.
• end The text is aligned to the end of the element, which is the same as right in a left-to-right language and left in a right-to-left language.

To use the text-align property, you need to add it to the style declaration of the element that you want to align. For example, to align the text in a div element to the right, you would use the following code:

        
            div {
    text-align: right;
}
        
    

You can also use the text-align property to align the text in an image. To do this, you need to add the text-align property to the style declaration of the image's parent element. For example, to align the text in an image that is inside a div element to the right, you would use the following code:

        
            div {
    text-align: right;
}