製作社交網絡圖標水平

我很難讓我的社交圖標水平。我認爲將它們左移會做伎倆或使元素成爲內聯塊。我卡住了，所以任何幫助表示讚賞。謝謝！製作社交網絡圖標水平

<!-- Social network icons --> 
<div id="social"> 
<ul class="soclist"> 
<li><a class="youtube" href="img/youtube-logo.png" target="_blank" title="youtube"></a></li> 
<li><a class="twitter" href="img/twitter-logo.png" target="_blank" title="twitter"></a></li> 
</ul> 
</div>

CSS：

/* Social Sidebar */ 

ul.soclist li { 
display: inline-block 
} 

#social { 
position: fixed; 
top: 2px; 
right: 73px; 
width: 43px; 
display: block; 
} 


a.youtube { 
width: 48px; 
height: 48px; 
background: url(../img/youtube-logo.png) no-repeat; 
display: block; 
} 



a.twitter { 
width: 48px; 
height: 48px; 
background: url(../img/twitter-logo.png) no-repeat; 
display: block; 
}

來源

2013-05-22 Waymond

刪除「寬度：43px;」來自#social。

來源

2013-05-22 04:47:08

感謝您的建議。我刪除了寬度，它仍然是垂直的。 – Waymond

試試這個：http://jsfiddle.net/RFf5D/2/ –

謝謝Drawrdesign！這解決了它。 – Waymond

嘗試從a除去display:block：

a.youtube { 
width: 48px; 
height: 48px; 
background: url(../img/youtube-logo.png) no-repeat; 
/*display:block;*/ 
} 



a.twitter { 
width: 48px; 
height: 48px; 
background: url(../img/twitter-logo.png) no-repeat; 
/*display:block;*/ 
}

here is an example inlining your links（無圖像）

來源

2013-05-22 04:51:28

我早些時候試過，它刪除了兩個圖標。我很難過。感謝您的建議。 – Waymond

製作社交網絡圖標水平

回答

相關問題