html - 如何在Twitter Bootstrap中垂直对齐媒体正文内容？

我希望media-body内容在垂直方向上居中。

这是标记:

<div class="media">
  <a class="pull-left" href="#">
    <img class="media-object" src="..." alt="...">
  </a>
  <div class="media-body">
    I'd like this text to be vertically aligned 'middle'
  </div>
</div>

我尝试了以下无效的方法:

.media-body {
  vertical-align: middle;
}

知道我该怎么做吗？

最佳答案

Bootply :http://www.bootply.com/122430

HTML :

<div class="media">
  <a class="" href="#">
    <img class="media-object custom-media" src="..." alt="..." height="500px" width="500px">
  </a>
  <div class="media-body">
    I'd like this text to be vertically aligned 'middle'
  </div>
</div>

CSS :

.custom-media, .media-body{
  display:inline;
}