Link showing up incorrectly

[Bubzeebub]

Below is a link on one of my pages. The link should show 'PRODUCT INFO' but instead it shows 'PRODUCT' on one line (Seemingly indented to the far right) and 'INFO' on the line below. Is there a way in which the 'PRODUCT' can be centered or modified? Here is a sample of the code below:

<TD>
<p align="center"><a href="productinfo.html"><IMG SRC="images/a3.jpg" ALT="" name="Product Info" WIDTH=55 HEIGHT=14 border="0">Product Info</a></p><br>
</TD>

Thank you.

[supermanjnk]

Make sure that the area you have it is wide enough for both words to fit, also try using <nobr>Product Info</nobr>

<TD>
<p align="center"><a href="productinfo.html"><IMG SRC="images/a3.jpg" ALT="" name="Product Info" WIDTH=55 HEIGHT=14 border="0"><nobr>Product Info</nobr></a></p><br>
</TD>

[edited by: supermanjnk at 8:00 pm (utc) on Oct. 20, 2004]

[photon]

That should be a closing tag on the end of

<nobr>Product Info<[b]/[/b]nobr>

Another alternative would be to use non-breaking space:

Product[b] [/b]Info

It looks like the image is what's throwing off the centering of the text.

[tedster]

As far as I can discover the <nobr> element is still non-standard HTML, although it is now widely supported by browsers. In a simple case such as just two words (this example) that makes &nbsp; the best choice.