2011-08-24 76 views
-3

在为我的网页的头图标我目前的HTML代码,我使用的代码:如何将图标放在我想要的位置?

<a href=''><img src=''/></a> | <a href=''><img src''/></a> 

这使我的图标的极端接近,旁边的海誓山盟,而是用“|”它们之间。

有人可以推荐任何最好的HTML代码示例,这将允许我更加具体地放置图标,并且没有“|”在他们之间。

(请原谅我的问题的昔日贫穷的解释!)

+2

更多的细节将是有益的 –

回答

0

你可以使用与HTML CSS内嵌这将是这样的:

<a href='' style='margin: 0px 10px 0px 10px'><img src=''/></a> <a href='' style='margin: 0px 10px 0px 10px'><img src''/></a> 

这增加了10px的边距的左侧和右侧每个环节。

然而,在你的HTML页面的头部添加CSS将是一个更好的主意:

<style type="text/css"> 
.menuItem { 
margin: 0px 10px 0px 10px; 
} 
</style> 

,然后用此作为HTML而不是:

<a href='' class='menuItem'><img src=''/></a> <a href='' class='menuItem'><img src''/></a> 
相关问题