The text-align property specifies the horizontal alignment of text in an element (left, right, centered, or justified).

div {
    text-align: center;
}

Default value	left if direction is ltr; right if direction is rtl
Inherited values	yes
Can it be animated?	no

These are the allowed values.

Value	Description
left	Aligns the text to the left
right	Aligns the text to the right
center	Centers the text
justify	Stretches the lines so that each line has equal width
initial	Sets this property to its default value
inherit	Inherits this property from its parent element

The HTML element can also be styled using JavaScript and the element’s id.

document.getElementById('my_div').style.textAlign = 'center';

<button onclick='my_function()'>Click Here</button>

<script>
function my_function() {
    document.getElementById('my_div').style.textAlign = 'center';
}
</script>

---