Home/ Questions/Q 8470809
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T16:37:24+00:00

I’m displaying some white text on a back background but the text is displayed

  • 0

I’m displaying some white text on a back background but the text is displayed with a blue line underneath it (regardless of the browser). Where is this coming from?

body {
    position:relative;
    background-color:black;
    font-family: Helvetica; 
    margin: 0;              /* Amount of negative space around the outside of the body */
    padding: 0;             /* Amount of negative space around the inside of the body */
}

#main_header {
    position: relative;
}


#logo {
    position:absolute;
    top: 6px;
    left: 140px;
    height: 50px;
    width: 50px;
}

#main_title {
    position:absolute;
    font-size: 15px;
    color:white;
    top: 50px;
    left: 40px;
    text-decoration:none;
    text-align:center;
    display:block;
}

<body>
    <a href="http://theurl">
    <div id = "main_header" >
        <img id = "logo" src="logo.png"/>       
        <h2 id = "main_title">Title</h2>
    </div>
    </a>

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Anchor tags (<a>) cannot contain block elements such as div or h2 in HTML 4.01. This may be causing the effect you are seeing. Read on.

    You can rewrite your <a> tag to surround inline elements (below) only or specify that your document type is HTML5. Here are other solutions.

    <body>
    <div id = "main_header" >
        <a href="http://theurl"><img id = "logo" src="logo.png"/></a>      
        <h2 id = "main_title">Title</h2>
    </div>
</body>
    • 0