long link on 2 lines looks like a br in the middle

I have the following html in a div of only 50 px

<div>
<a href="javascript:loadpopunder('showanevent.asp?date=6/29/2007');" class="style5">this is a long test and even longer</a>
</div>


now when it goes to the next line it looks like

this is a long

test and even

with a double line break - there is no <br>

any ideas?

Widen the div?



EDIT: Yayy #200

What styles are applied to that link (".style5")? Could be a large line height?

And also please do not ever use href="javascript: …" again. This is forbidden! A proper link with event handler looks like this:

<a href="showanevent.asp?date=6/29/2007" onclick="loadpopunder('showanevent.asp?date=6/29/2007'); return false;" class="style5">this is a long test and even longer</a>


This ensures that people with JS disabled will still get a result (i.e. be able to get to the link target), plus there is no protocol called javascript:. I don’t know who invented this but it’s just useless and wrong and everybody will confirm that.

It can be even better
<a href="showanevent.asp?date=6/29/2007" onclick="loadpopunder(this.href); return false;" class="style5">this is a long test and even longer</a>

thanks... changed that and it still didn't work. -
any ideas what could be causing the line break.
I need it to be small - it's in a small box.

We still need to see your styles as asked for already. Help us help you. We aren't psychic. I agree with Stephan that its likely a larger line-height.

.style5 {
font-size: 10px;
line-height:11px;
font-family:Arial, Helvetica, sans-serif;
color:#00CC00;
}


I only added the line height to try to fix the issue but it doesn't
there's no other line height set in this css

Seems like there may be something else causing the issue. Can you post a link to your page?