How can I show html object after inline-block element?-CodePudding

I create top navigation with this code:

div.topnav
{
    position: fixed;
    width: 100%;
    height: 50px;
    display: inline-block;
}

And I want create

object, but that displayed in my top navigation Looks(click me)

How can I deal with?

CodePudding user response：

From the image you provided I believe that what is happening is that your <p> is being rendered behind your topbar

if you add something like:

p {
  margin-top: 60px;
}

you should be able to see it!

I'm using 60 because it would be 50 from the topbar height 10 for a small padding