html - Youtube 标志(用于我的主页)在右下角有意外的下划线？

Question

我正在创建一个简单的主页，我在那里使用了 youtube Logo 来放置一个连接链接。但是 Logo 在下面有一个意想不到的标记(我在附件中用标记突出显示了它)。我的html代码有什么问题？检查demo .

还有怎么把“find me on”段落往左移一点点呢？ Attachment

我在下面粘贴了我的 HTML 和 CSS 代码:

.HTML文件:

 <img src="about_me_modified.PNG" width="80%" height="50%"/> 

<p id="find_me_on"><br /><br />Find me on:<br><br><a href="https://www.facebook.com/zabirfatah"><img src="fblogo.PNG" /></a><br><a href="https://twitter.com/jabirfatah91"><img src="twitterlogo.PNG" /></a><br><a href="https://www.youtube.com/user/jabirfatah"><img src="youtubelogo.PNG" />
</a><br><a href="https://plus.google.com/100402704740320621129/about"><img src="googleplus-logo.PNG" /></a><br><a href="https://www.linkedin.com/pub/jabir-al-fatah/5b/50b/2b1"><img src="linkedinlogo.PNG" />
</a></p>

.CSS 文件:

    #find_me_on{
float:right;
margin-right:20px;

Answer 1

下划线实际上是 a标记未正确格式化，因为 anchor 是内联元素。如果您添加:

a{
   display:block;
}

到您的 CSS 并删除 <br>然后你得到这个 result .