Home/ Questions/Q 6108395
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T14:17:32+00:00

I want to apply a background color to a forced inline element..It displays the

  • 0

I want to apply a background color to a forced inline element..It displays the background color in Ie7 however in firefox4, the color is not displayed..Why is that and how do I sort this out?

the Jsfiddle http://jsfiddle.net/ybYxq/

 <ul id="in">
                <li><h1>sfffffh</h1></li>
                <li><h1>QssssfffffhQ</h1></li>
                <li><h1>ZssssssZ</h1></li>
            </ul>

CSS
#in li{background:#0CF;display:inline;}
#in{float:right;}

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    vimal try this.

    remove the h1 tag from the li and add font styling to li.

    the CSS should be.

    #in li{background-color:#171817;display:inline; color: white; font:12px Tahoma;}
#in{float:right;}

    the html should be

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>

<body>


                <ul id="in">
                    <li>sfffffh</li>
                    <li>QssssfffffhQ</li>
                    <li>ZssssssZ</li>
                </ul>


</body>
</html>

    this will work… try any problem just comment me. have a nice day…

    • 0