CSS排列图标问题

我正试图在黄色框中的Connect h3旁边排列一些社交图标（以@font-face格式，这就是为什么它们只显示为字母），但我步履蹒跚。任何帮助都会很好

---

他们现在习惯于像这样显示

**内联块**

    .footer-content p,  .social-media{
    display:inline-block;
    vertical-align: xxxxx;// top, middle, bottom --- as like requirement 
    }

---

现场演示

检查此项，您必须调整字体大小以及

显示：内联块

。这是

谢谢，但我如何在一条线上均匀排列连接和lif。它们是否需要相同的字体大小，或者我可以用css调整它吗？@TobeeOrno现在你可以使用垂直对齐，就像这个检查演示一样，我们似乎已经做到了，但这就是当前屏幕上本地工作时的样子。嘿，我想你想通过这个检查来演示使用过的精灵图像，并在锚定标签中给出背景图像……我看到了。所以你认为我应该跳转字体，改用精灵？看起来不错，但它仍然没有排在连接旁边。谢谢你的帮助，顺便说一句。谢谢你，但是我想用大一点的字体来显示社交图标，因为它们在这个尺寸上非常小。或者我应该只使用图像吗？请使用图像来填充，您也可以使用背景图像。