H1 background-color property fills the whole line



I currently have a text-align: center; h1 element. It also has a background-color: #000506;. The current issue is that this background color fills the whole line as shown here: filling the whole line What I want it to do is to only fill the area where the text is. The only way I've been able to do this is making the left and right margins really large, and even then it's not perfect.

margin-left: 600px;
margin-right: 600px;

enter image description here

Continue reading...