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 vote292 views1 answer
Alphanumeric input
Html
2 votes264 views5 answers
No.in round using bootstrap
Html
0 vote287 views1 answer
Atom html autocomplete
Html
3 votes257 views3 answers
Vue js v-for array index
Html
29 votes253 views2 answers
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Html
0 vote291 views1 answer
Make a live photo uploading website html
Html
1 vote250 views1 answer
Nuxt title page
Html
0 vote282 views1 answer
Google Books Embedded Viewer API Example
Html
1 vote294 views1 answer
Scrolling text html
Html
4 votes262 views2 answers
Html metatags for facebook
Html