Right now there is a huge gap between my h1 and h2 text in the header of my page. I can’t figure how how to get them closer to one another.
CSS
[HTML]
#header { background:url(/assets/images/header.png) no-repeat; height: 174px; width: 650px; margin: 0 auto; margin-top: 0px; margin-bottom: 0px;
}
h1 {
font: Times New Roman, Times, serif, sans-serif, Arial;
font-size: 40px;
color:#CCCCCC;
text-transform:capitalize;
text-align:center;
padding-top: 50px;
}
h2 {
font: Times New Roman, Times, serif, sans-serif, Arial;
font-size:10px;
color:#CCCCCC;
text-align: center;
}
[/HTML]
HTML
[HTML]
<div id="header">
<h1>TEXT</h1>
<h2>Text Text Text Text</h2>
</div>
[/HTML]
Any idea how i can fix it?
Here is a link to my test page.
http://www.gamerunion.com/test.html