Background color on text only

Asked May 26 '20 at 20:15

Active May 26 '20 at 20:15

Viewed 18 times

New to HTML. I have this code in css

h1 {text-align: center;
background: white;
}

I wanted to make a white background only on my text, but the color is from the one end of the page to the other. I want the background to be same width as my text. Any advices ?

asked May 26 '20 at 20:15

Kent

`display:inline-block` ? – Temani Afif May 26 '20 at 20:18
^ or `display:table` if you want to keep it on its own line. – Temani Afif May 26 '20 at 20:20
Tried putting them, it removes the white background now – Kent May 26 '20 at 20:23
share a full code so we can see the issue – Temani Afif May 26 '20 at 20:24
It's the same like on the post with 'display:table' added – Kent May 26 '20 at 20:28
1

it's working fine: https://jsfiddle.net/8r4cunmj/ – Temani Afif May 26 '20 at 20:46
In the fiddle, the h1 is not centered any more. If that is the problem, add `margin:1rem auto;` to the CSS. But as @TemaniAfif says, it does work otherwise. Are you sure you didn't have a typo when adding the display value? – Mr Lister May 27 '20 at 07:14

Background color on text only

0 Answers0