Html 将图示符图标与同一div中的图像对齐

我在一行中有一组图像，我想与同一行中的引导图标对齐。到目前为止，字形图标远高于图像，我不知道为什么。我唯一更改的边距是左-右。元素嵌套在一行中。我正在使用reset.css、animate.css和bootstrap

我不明白，如何使字形图标与图像对齐。编辑：它们嵌套在div中以添加角度类和函数。谢谢你的帮助

html:

链接，如果你想小提琴：）。谢谢你的帮助。

真的很简单

.carousel-thumbnails div span{
  vertical-align: middle;
}

将此添加到您的样式中

EDIT：正如@Druzion所说，图标通过defualt垂直对齐到包含div的顶部。我们需要给出

垂直对齐：中间

，以便将它们垂直居中放置

你可以给

.glyphicon{ vertical-align: middle} 

两者都有同样的伎俩

---

这里是更新的

所有图像都是

垂直对齐：中间

，但是图标没有此规则，因此它们是

垂直对齐

到包含div的

顶部

将

vertical align:middle

添加到包含图标的

div

s中，以将所有图标对齐

---

将此添加到图像转盘类：

边距底部：4em

.carousel-thumbnails div span{
  vertical-align: middle;
}

.glyphicon{ vertical-align: middle}