Home/ Questions/Q 8390233
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T18:55:44+00:00

<!doctype html> <html> <head> <title></title> </head> <body> <nav><ul class=’container’> <li><a href=’#’>Home</a></li> <li><a href=’#’>Categories</a></li> <li><a

  • 0
<!doctype html>
<html>
<head>
    <title></title>
</head>
<body>
    <nav><ul class='container'>
        <li><a href='#'>Home</a></li>
        <li><a href='#'>Categories</a></li>
        <li><a href='#'>How to Play</a></li>
        <li><a href='#'>Contact</a></li>
    </ul></nav>
    <article id="showcase">
        <h1>Hello</h1>
    </article>
</body>
</html>​

http://jsfiddle.net/hjYzs/

What’s wrong? <h1>‘s margin seems to be pulling its parent article down too.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Hey now give to #showcase overflow:hidden in your css

    #showcase{
overflow:hidden;
}

    Live demo

    this is the Collapsing Margins
    and more info

    • 0