I’d suggest using classes.
You can add something like
<h1 class="center">Centered</h1>
<h1 class="left">Left Aligned</h1>
Then your CSS
h1.center {
text-align: center;
}
h1.left {
text-align: left;
}
More info here – https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors
solved different attributes for the same tag in CSS [closed]