Hello!
I'm trying to set a div centered inside another div.
This is the html page:
<body>
<div id="divParent">
<div id="divHeader" >
<div id="divHeaderText">
</div>
</div>
<div id="divBody">
</div>
</div>
</body>
And this the style:
#divHeader {
background-color: #C7C7C7;
font-family: Verdana, Geneva, Tahoma, sans-serif;
height: 80px;
margin-bottom: 2px;
}
#divBody {
background-image: url('images/GradientBackground.png');
background-repeat: repeat-x;
height: 300px;
}
#divHeaderText {
margin: auto;
width: 90%;
height: 80%;
background-color: #00FF00;
}
Why the smallest div doesn't left a space on its top?