Home/ Questions/Q 6572715
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T15:02:30+00:00

<html> <body> <div style=display: inline; background-color: #555;> <h3>test</h3> </div> </body> </html> Here is my

  • 0
<html>
    <body>
       <div style="display: inline; background-color: #555;">
            <h3>test</h3>
       </div>
    </body>
</html>

Here is my code. I am wondering why my background color isn’t showing. If I change css display from inline to block, then it show up. Why is it not showing up if display is inline? I am trying to understand the reason of the problem other than looking for a solution.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The div doesn’t take up space if it’s inline. if you want an inline element that shows as the children’s height, then use display: inline-block;.

    As for a good discussion, I’d trust QuirksMode‘s take better than my own. The gist is that an inline element doesn’t push other elements out of the way.

    • 0