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

4 votes157 views4 answers
How to run vscode as root
Html
0 vote153 views1 answer
How todownload exe file html
Html
44 votes142 views5 answers
Onclick button href
Html
10 votes151 views2 answers
How to add lazy loading in html
Html
21 votes168 views3 answers
Html tag run only after whole page is loaded
Html
0 vote149 views2 answers
How to use font awesome unicode in html
Html
4 votes254 views1 answer
Target blank rel
Html
0 vote145 views1 answer
Mailto tag with line break
Html
0 vote146 views1 answer
Html quote block
Html
0 vote293 views3 answers
Javascript get custom attribute value from element
Html