인라인 요소가 정렬되어 있지 않습니다.

Question

simplesharebuttons.com에서이 공유 버튼을 받았습니다. 소규모 화면에서 덜 인기있는 소셜 미디어 아이콘을 숨기기 위해 결국 사용되는 버튼을 추가했지만 버튼의 나머지 부분과 일렬로 정렬되지는 않으며 문제가 무엇인지 파악할 수 없습니다.

http://jsfiddle.net/WLSqw/41/

#share-buttons img { 
    width: 35px; 
    padding-right: 5px; 
    display: inline; 
} 

#more { 
    width: 35px; 
    margin-right: 5px; 
    background: #ccc; 
    display: inline-block; 
    border-radius: 50%; 
    color: white; 
    font-size: 1em; 
    text-align: center; 
    line-height: 35px; 
} 

Answer 1

실제로 링크 float:left; 그 버튼을 추가, 당신은 당신의 #more에 필요한 모든입니다

vertical-align: top; 

DEMO

Answer 2

inline-block 요소 인,

JSFiddle