对齐社交媒体共享按钮，使其看起来很漂亮

Question

我只是将社交分享按钮放回我的主页，它们看起来非常糟糕：）

您可以在页面底部查看它：http://www.comehike.com

人们通常如何让它们如此自然地融合在一起？我看起来如此混乱和不专业。有什么可以用造型做的吗？

谢谢！

Answer 1

查看代码，您可能需要为每个代码添加单独的类，因为它们都在不同的元素中。有一些方法，绝对定位，显示：内联，但我建议浮动

添加一个ul元素和每个'share按钮'作为ul

的li子元素

<ul class='shareLinks'>
<li>facebook here</li>
<li>twitter here</li>
</ul>

然后你的CSS可能看起来像这样

ul.shareLinks { overflow: auto; }
ul.shareLinks li { list-style: none; float: left; margin-right: 5px; }

你可以明显地编辑你想要的css，主要的点是浮动：离开溢出：auto;在ul上是对没有实际高度的浮动元素的修复。