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

-1 vote179 views1 answer
File_put_contents(/var/www/demo.onlineexammanagement.com/public_html/storage/framework/cache/data/ea/83/ea83c7b371f7573de3cd055cea9229af0b0541e5): failed to open stream: No such file or directory
Html
0 vote152 views1 answer
Abrir dos ventanas con a href
Html
12 votes160 views2 answers
Bootstrap grids examples
Html
0 vote163 views2 answers
How do you make a link to the top of a page
Html
27 votes169 views3 answers
Install Telegram in Ubuntu
Html
2 votes169 views1 answer
Best html emmet extension for vs code
Html
0 vote161 views1 answer
Write html into file using Java dynamically
Html
0 vote159 views2 answers
Ionic disable input field
Html
1 vote173 views2 answers
Bootstrap responsive sticky top
Html
0 vote133 views1 answer
Venobox cdn
Html