css - アイコンを並べるCSSの問題

Question

黄色のボックス内のConnecth3の横にいくつかのソーシャルアイコン（@ font-face形式で表示されるのはなぜですか）を並べようとしていますが、苦労しています。どんな助けでも素晴らしいでしょう。

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。これがフィドルです