页脚中的社交媒体图标

Question

我使用 wordpress 并想将社交媒体图标添加到我的页脚。到目前为止我所做的是将以下代码添加到footer.php：

<div id="social-buttons">
<a href="http://twitter.com/veda_vit" rel="me"><img title="veda-vit.de bei Twitter" src="http://veda-vit.de/wp-content/uploads/2017/11/Twitter.svg" alt="Twitter Button" width="24" height="24" />
</a>
<a href="https://www.facebook.com/vedavit.de" rel="me"><img title="veda-vit.de bei Facebook" src="http://veda-vit.de/wp-content/uploads/2017/11/Facebook.svg" alt="Facebook Button" width="24" height="24" />
</a>
</div>

另外我添加了以下 css 代码来将图标放在右侧：

#social-buttons a img {
margin: 10px 12px 0 0;
float: right;
}

到目前为止它可以工作，但图标位于第二行（参见此处：www.veda-vit.de）。

如何将版权和图标放在一条线上？我已经尝试了一切，但无法解决问题。有人可以帮帮我吗？

谢谢！

Answer 1

你可以添加这个 CSS 代码，它会很好地工作

#social-buttons {
  float: right;
  position: relative;
  top: -9px;
}

您可以通过更改顶部位置来对其进行更多编辑。