2012-06-20 97 views
0

我試圖排隊一些社會圖標(在@ font-face格式,爲什麼他們只顯示爲字母)在連接h3黃色框旁邊,但我蹣跚。任何幫助都會很棒。CSS排隊圖標問題

JsFiddle

回答

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/

+0

謝謝你,但我怎麼會排隊連接與lif均勻一行。他們需要是相同的字體大小還是我可以調整與CSS? – tobeeornot

+0

@tobeeornot現在你可以像這樣使用垂直對齊檢查演示http://jsfiddle.net/qpdsZ/4/ –

+0

我們似乎在那裏,但它目前看起來像在本地工作的屏幕上。 http://i1200.photobucket.com/albums/bb328/tobeeornot/bottom-container.gif – tobeeornot

1

檢查了這一點,你必須調整與display:inline-block沿着字體大小。這裏是fiddle

+0

感謝您的支持,但我想爲社交圖標使用更大的字體,因爲它們在這種尺寸下非常小。或者我應該只使用圖像? – tobeeornot

+0

請使用圖片填寫完整,您也可以使用背景圖片。 – Subhajit