Why does my H1 header child override my div parents dimensions? And why can't I manipulate the h1 properly?

Question

I am trying to make a page title header, in the middle of my webpage below my navigation bar, then I am trying to make the header border wrap close around the text of the header