Css 使用行高垂直居中内联内容

除了两个图像链接外，我还尝试将一些文本垂直居中。我以前做过几十次，但由于某种原因，它现在不起作用

代码如下：

#社会偶像{
高度：32px；
线高：32px；
}​
连接：
​

如果我把图像拿出来，文本会很好地对齐，但与图像不对齐

我做错了什么

---

谢谢大家!

缺少的是

垂直对齐：中间这只会让你半途而废。另一个问题是内联图像。如果将图像向左或向右浮动，它将正确对齐


在本例中，图像位于内容的左侧，但如果将文本包装在一个范围内，也可以浮动文本。不过，还有其他解决方案可以实现同样的目标

img{
 vertical-align:middle;
}

使用这个css


但我不会那样使用它，因为图标不是你页面或内容的真实部分。考虑使用IMG作为背景图像。
这有一个很好的方法
谢谢，这很有效，但是浮动对我来说不如
垂直对齐：中间解决方案。有什么理由我应该改用这种方法吗？@DannyCooper没有两种方法都有效。如果可以避免使用浮动，那么这是更好的选择。
img{
 vertical-align:middle;
}

img{vertical-align:middle;}