how can I get rid of the line after an h1? How it leaves a blank like, same as a p tag, I'd like the "More dates..." to be right under "What's New", like it would were it a br.
I need to keep these tags though, assignment requirements.

This is my HTML:
<div class="main">
<h1>
What's New
</h1>

<div>
More dates added to the UA Tour. <br />
New Underneath Acoustic CD for sale now.
</div>
</div>

And my CSS:
body {
background: #030060;

color: #718DC5;
font-size: 11px;
font-weight: normal;
font-family: arial, sans-serif;
}

h1 {
color: #718DC5;
line-height: 14px;
font-size: 12px;
font-weight: bold;
font-family: arial, sans-serif;
}




Thanks!

you could try adding to your css this:

h1 { line-height: 1px; }

or

h1 { margin-bottom: 1px; }

but i don't think it will make any difference because it's an header tag and headers always have these spaces between the lines. So the best way to get rid of it is to get rid of the <h1> tags and try to reach the same effect with some css and a div class :)

Love,
Mirna

Thanks! The margin worked :D