Background color of element should only cover the text inside it

Asked Jun 07 '20 at 13:33

Active Jun 07 '20 at 13:40

Viewed 246 times

I am new to web dev, I was building a test site and I wanted a h1 tag with the background color only covering the text content of the tag and not extend to the whole width of the tag.

Visually, the h1 tag text should be center aligned with the browser's width and the background color should only encompass the text.

I have tried using the width attribute of the tag but it actually nullifies the alignment of the text to the browser's width.

Can I do it with CSS alone?

asked Jun 07 '20 at 13:33

sam

Yes, you can. Use `display:inline-block`. – Wais Kamal Jun 07 '20 at 13:35
display:block;margin:auto; – Temani Afif Jun 07 '20 at 13:39
from the duplicate: https://stackoverflow.com/a/10568245/8620333 – Temani Afif Jun 07 '20 at 13:40
Almost had the answer provided but got stopped by it being closed. Those articles above are correct. This is very basic styling techniques and as such your gonna run into many more questions. I highly recommend you take a course on html and css. – Bromox Jun 07 '20 at 13:42

Background color of element should only cover the text inside it

0 Answers0