이미지의 링크는 작은 인공물을 보여줍니다.

Question

일부 이미지에는 몇 개의 링크가 있습니다. 의

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
} 

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
    display: block; 
} 
body { 
    line-height: 1; 
} 
ol, ul { 
    list-style: none; 
} 
blockquote, q { 
    quotes: none; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
    content: ''; 
    content: none; 
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
} 

그리고 다른 CSS :

: 결과는 같습니다

#socialnetworkbuttons { 
    display:inline-block; 
    float:left; 
} 

<div id="socialnetworkbuttons"> 
    <a href="http://www.facebook.com/"> 
     <img src="images/facebook-button.png" alt="Facebook" /> 
    </a> 
    <a href="https://twitter.com/" alt="Twitter"> 
     <img src="images/twitter-button.png" /> 
    </a> 
</div> 

나는의 reset.css를 다음과 같이 코드는 매우 간단

당신이 볼 수 있듯이, 페이스 북을 가리키는 링크 인 하단에 작은, 보라색 줄임표 유물이 있습니다. 나는 여기에서 몹시 간단하고 분명한 무언가를 missong이라고 확신하지만, 어떻게 제거합니까?!

Answer 1

은 A.의 시도에 여분의 공백처럼 보이는 :

<div id="socialnetworkbuttons"><a 
    href="http://www.facebook.com/"><img 
     src="images/facebook-button.png" alt="Facebook" /></a><a 
    href="https://twitter.com/" alt="Twitter"><img 
     src="images/twitter-button.png" /></a> 
</div> 

나는 파이어 폭스 나 크롬에는 생략이 없습니다.