Breaking News: Grepper is joining You.com. Read the official announcement!

fill color behid text in html

Ankur answered on October 23, 2020 Popularity 7/10 Helpfulness 3/10

answer fill color behid text in html

related fill color behid text in html

fill color behid text in html

Comment

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.

Popularity 7/10 Helpfulness 3/10 Language html

Source: stackoverflow.com

Tags: fill html text

Link to this answer
Share Copy Link

Contributed on Oct 23 2020

Ankur

0 Answers Avg Quality 2/10

Closely Related Answers

fill color behid text in html

Comment

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>

Popularity 7/10 Helpfulness 1/10 Language html

Source: stackoverflow.com

Tags: text fill html

Link to this answer
Share Copy Link

Contributed on Oct 23 2020

Ankur

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

fill color behid text in html

Contents

More Related Answers

fill color behid text in html

Closely Related Answers

fill color behid text in html

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.