Question

Bear with my rudimentary question.

http://jsbin.com/css-play-notfound/6

There is this blue underline thats annoyingly creeping up between my image and Text in the heading.

Answer 1

Two things you can do:

Change this code:

<img src="logo.png" alt="REUNIFY" height="35" />

to this:

<img src="logo.png" alt="REUNIFY" height="35" border="0" />

Also add this to your CSS stylesheet:

a { text-decoration:none }

Note that the above CSS will get rid of the underline on ALL links. So if you want your normal
text links to have the underline and just want this particular link to NOT have the underline,
then create a class like so:

a.noline { text-decoration:none }

and then change your HTML code to this:

<h1><span><a href="http://www.wikipedia.org" class="noline">
<img src="logo.png" alt="REUNIFY" height="35" border="0" />
</a></span>
Welcome
</h1>