Move header down css

<!DOCTYPE html>
<html>
<head>
    <title>Testing My HTML and CSS</title>
    <style>

        * {
            padding: 0;
            margin: 0;
        }

        .header {
            background-color: black;
            height: 100px;
            width: 100%;
        }

        .header h1 {
            margin-top: 0;
            text-align: center;
            color: white;
            height: 100px;
            width: 100%;
        }

        .sidebar {
            background-color: #ebebeb;
            position: absolute;
            width: 200px;
            height: 100%;
        }

    </style>
</head>
<body>
    <div class="header">
        <h1>Hello, World!</h1>
    <div class="sidebar">
    </div>
    <div class="content">
    </div>
    <div class="footer">
    </div>
</body>
</html>

Source: stackoverflow.com

Move header down css

.header {
  /* styles */
  position: fixed;
  margin-top: 50px; /* or whatever */
}

Source: codecademy.com

Similar codes

0 vote292 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
16 votes253 views1 answer
Sass css
CSS
0 vote269 views1 answer
Alinhar ao centro align item css
CSS
66 votes298 views6 answers
Center an image
CSS
1 vote312 views1 answer
Cypress element css
CSS
0 vote230 views1 answer
How to make header on top
CSS
6 votes273 views2 answers
Remove outline of input css
CSS
-2 votes306 views1 answer
Reduce image size on mobile view css
CSS
1 vote301 views2 answers
Inner border css
CSS
2 votes268 views1 answer
Css last of type
CSS