How To Position A Html Element Under A Fixed Div

I am trying to position some html elements (particularly h1 and p) under a position: fixed div without having to use the element, because if the top div gets resized (in

Solution 1:

Set the margin-top of the div that you need to be pushed down.

So wrap everything that needs to be pushed down in a div with a class name. Like:

<div class="container">
    //everything that needs to be pushed down goes here
</div>

Then in your css you can push that whole container down by setting it's margin-top

.container {
    margin-top: 100px;
}