html - Why aren’t these children headers centering?

Question

This question already has answers here: question from:https://stackoverflow.com/questions/65545917/why-aren-t-these-children-headers-centering

Answer 1

h1 and h2 are block level elements so by default they are 100% wide. Instead of all of the complex calculation, simply use text-align: center;