无法弄清楚如何使我得到的社交图标 html 居中答案

【问题标题】：Cant figure out how to center the social icon html I was given无法弄清楚如何使我得到的社交图标 html 居中
【发布时间】：2014-04-25 07:47:57
【问题描述】：

我使用一个名为 niftybuttons 的网站为我的网站生成社交图标的 html 代码。谁能告诉我如何使图标居中并可能在它们之间添加空间？

HTML

<a href="http://facebook.com/makemoneywithjus" target="_blank">
   <img src="http://www.niftybuttons.com/retro/32/facebook.png" align="left" border="0" style="margin:1px;"></a><a href="http://twitter.com/makemoneywitjus" target="_blank">
   <img src="http://www.niftybuttons.com/retro/32/twitter.png" border="0" style="margin:1px;"  align="left">
</a>

<a href="http://youtube.com/user/makemoneywithjus" target="_blank">
   <img src="http://www.niftybuttons.com/retro/32/youtube.png" border="0" style="margin:1px;"  align="left">
</a>

<a href="www.linkedin.com/pub/justina-cipriano/92/779/6b5/" target="_blank">
   <img src="http://www.niftybuttons.com/retro/32/linkedin.png" border="0" style="margin:1px;"  align="left">
 </a>

<a href="https://plus.google.com/u/0/b/106075638630703080775/106075638630703080775/posts/p/pub" target="_blank">
   <img src="http://www.niftybuttons.com/retro/32/google-plus.png" border="0" style="margin:1px;" align="left">
</a>

【问题讨论】：

将它们放在具有 margin:auto 和 stablished 宽度的 DIV 中，并将每个锚点括在一个段落中。

标签： html wordpress center centering

【解决方案1】：

要在图标之间添加空间，请使用填充

#list-left #set li a{
padding: 0 8px 0 0;
}
ul#set li:nth-child(2) {
display: table-cell;
padding: 10px 2px 10px 30px;
}

【讨论】：

【解决方案2】：

试试这个小提琴：Demo

div{
    position: relative;
left: 35%;

}
div a{
    margin: 5px;
display: inline-block;
}

【讨论】：