Breaking News: Grepper is joining You.com. Read the official announcement!

move header down css

Handsome Hummingbird answered on December 2, 2021 Popularity 7/10 Helpfulness 4/10

answer move header down css

related move header down css

move header down css

Comment

<!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>

Popularity 7/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: css header move

Link to this answer
Share Copy Link

Contributed on Dec 02 2021

Handsome Hummingbird

0 Answers Avg Quality 2/10

Closely Related Answers

move header down css

Comment

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

Popularity 7/10 Helpfulness 5/10 Language css

Source: www.codecademy.com

Tags: move css header

Link to this answer
Share Copy Link

Contributed on Dec 02 2021

Handsome Hummingbird

0 Answers Avg Quality 2/10

move header down css

Contents

More Related Answers

move header down css

Closely Related Answers

move header down css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.