css - 将列表项对齐到顶部

Question

我有一个元素列表，我想按顶部图像对齐，而不是像当前那样按底部文本对齐。

它是这样显示的:

有没有一种简单的方法可以在 CSS 中实现？我正在使用 Bootstrap，如果也有办法的话。

Answer 1

听起来您要求的实际上是默认行为...

<div class="containerI">
  <div class="col-xs-2 text-center">
    <h3 class="glyphicon glyphicon-ok-circle"></h3><!-- put your image here instead of h3+glyphicon if you're using a jpg -->
    <p>Simple Visa Card
  </p></div>

演示:http://www.bootply.com/KEN4TgnX0f

是否有可能您有一些自定义 CSS 影响了这一点？