CSS 줄 바꿈 아이콘 문제

Question

노란색 상자의 연결 h3 옆에 일부 소셜 아이콘 (줄 바꿈 문자로 표시되는 이유는 무엇인가)을 정렬하려고하는데, 나는 뒤죽박죽입니다. 어떤 도움이라도 좋을 것입니다.

JsFiddle

Answer 1

이봐 지금 사용 디스플레이**inline-block**에 관해서는이

.footer-content p, .social-media{ 
    display:inline-block; 
    vertical-align: xxxxx;// top, middle, bottom --- as like requirement 
    } 

라이브 데모 http://jsfiddle.net/qpdsZ/1/

Answer 2

확인이 밖으로처럼, 당신은 display:inline-block을 함께 글꼴 크기를 조정해야 . 여기가 fiddle