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 ametconsectetuer adipiscing elitSed non metusVestibulum fringilla fermentum tortorDonec sem diamhendrerit acultricies quisaliquam aturnaSed elementum pede eget elitMauris gravida sollicitudin nuncNunc fermentumMaecenas et purus sed libero congue imperdietCurabitur viverraMaecenas a leoProin gravida mollis pedeSed et leoProin semUt eu duiSed eros nequeconsectetuer atlaoreet egetdignissim quislectusLorem ipsum dolor sit ametconsectetuer adipiscing elit.
</
p>
<
div id="content">
<
h1>Quisque iaculis mi quis magna.</h1>
<
p>
Lorem ipsum dolor sit ametconsectetuer adipiscing elitSed non metusVestibulum fringilla fermentum tortorDonec sem diamhendrerit acultricies quisaliquam aturnaSed elementum pede eget elitMauris gravida sollicitudin nuncNunc fermentumMaecenas et purus sed libero congue imperdietCurabitur viverraMaecenas a leoProin gravida mollis pedeSed et leoProin semUt eu duiSed eros nequeconsectetuer atlaoreet egetdignissim quislectusLorem ipsum dolor sit ametconsectetuer adipiscing elit.
</
p>
</
div>

</
body>
</
html