How can I increase the size of background of h1? CSS

Issue

This is the problem I have. I couldn't solve it. I think it's because I've just started learning something and then I tried the make my own little project to practice.

enter image description here

Solution

In your h1 you are setting the padding to be 0 10px, whereas the second value determines the padding for each side of the x-axis. Would you reach your goal if you just set the padding of the h1 to be padding: 10px?

You could possibly add the h1-tag within a parent-container and specify the width and height of that and then center-align the h1.

Answered By - Frikk