Question

I’m displaying some text and a blue line is appearing underneath it

http://jsfiddle.net/mungbeans/CmVsJ/

Same as this question

Text being displayed with a blue underlining, where is it coming from?

The answer to that and to others say it is invalid for html4 but valid for html5. Why does this problem occur with the fiddle in that case? Whats the solution?

Thanks

Answer 1

Here is your code

<ul>
  <a href="http://whatever">
    <li id = "header_list">
      <div id = "main_title">title</div>
      <img id = "logo" src="logo.png"/>
    </li>
  </a>
</ul>

The div id=”main_title” is within the anchor tag, meaning it is a link. By default, link styles have the blue underline. You could add the css style to remove the blue underline:

#main_title {text-decoration: none; color: #000;}

Also, you should put the li tags directly after ul, since it needs to be a direct child:

<ul>
  <li id = "header_list">
    <a href="http://whatever">
      <div id = "main_title">title</div>
      <img id = "logo" src="logo.png"/>
    </a>
  </li>
</ul>