Why is my background color not showing if I have display: inline?

Question

    
       

            
test
       
    <         


        

Answer 1

The issue is you have an H3, a blocking element, inside of the inline element.

You can see what's happening with:

h3
{
    background-color: inherit;   
}

or make H3 inline:

h3
{
 display: inline;   
}