Hello. I cant create space between the top of the div#content and the h1 heading even I specify a margin-top declaration for h1. What is the problem here?
Thanks in advance.
PHP Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Trial</title>
<style type="text/css">
body,html {
padding:0;
margin:0;
}
#content {
background-color:red;
}
h1 {
background-color:green;
margin-top:15px;
}
</style>
</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non metus. Vestibulum fringilla fermentum tortor. Donec sem diam, hendrerit ac, ultricies quis, aliquam at, urna. Sed elementum pede eget elit. Mauris gravida sollicitudin nunc. Nunc fermentum. Maecenas et purus sed libero congue imperdiet. Curabitur viverra. Maecenas a leo. Proin gravida mollis pede. Sed et leo. Proin sem. Ut eu dui. Sed eros neque, consectetuer at, laoreet eget, dignissim quis, lectus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</p>
<div id="content">
<h1>Quisque iaculis mi quis magna.</h1>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non metus. Vestibulum fringilla fermentum tortor. Donec sem diam, hendrerit ac, ultricies quis, aliquam at, urna. Sed elementum pede eget elit. Mauris gravida sollicitudin nunc. Nunc fermentum. Maecenas et purus sed libero congue imperdiet. Curabitur viverra. Maecenas a leo. Proin gravida mollis pede. Sed et leo. Proin sem. Ut eu dui. Sed eros neque, consectetuer at, laoreet eget, dignissim quis, lectus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</p>
</div>
</body>
</html>
Bookmarks