Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I am trying to make a div with no margin around it (for a header across the page). I tried this:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.test {
height: 100px;
margin: 0;
background-color: #000000;
}
</style>
</head>
<body>
<div class="test"> </div>
</body>
</html>
but the div still has a margin around it. What am I doing wrong? Thanks for your help!
That’s the default margin around
body. Browsers define certain default values for certain CSS properties on certain elements – this is one of them. Unfortunately sometimes the default values vary from browser to browser.You should either use a so-called Reset CSS or remove the default margin:
jsFiddle Demo