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

2 votes363 views2 answers
OSX Library not loaded: /usr/local/opt/openssl/lib/libssl.1.0.0.dylib
CSS
0 vote421 views1 answer
Css notes
CSS
10 votes368 views3 answers
Hiding text css and leaving whitespace
CSS
34 votes386 views3 answers
Css blur background image only
CSS
68 votes440 views6 answers
Flex
CSS
0 vote339 views2 answers
To convert categorical data to numerical
CSS
0 vote361 views1 answer
Css background text clip
CSS
33 votes343 views6 answers
Linear gradient css
CSS
0 vote360 views1 answer
Npm ERR! 404 Not Found - GET https://registry.npmjs.org/taiwindcss - Not found
CSS
12 votes325 views3 answers
Css display grid
CSS