html - 我想要一些关于如何将名称与这些图像的中心对齐的帮助

Question

这是一个 fiddle ，我发现我很想知道如何将“名称”对齐到图像的中心……我试过使用宽度:100%；离开:0；/对:0；没有成功.. 我只让它与所有 3 张图像的中心对齐。

http://jsfiddle.net/25nsp/

HTML:

<div id="design-cast">
 <h4>Design</h4>

<div class="member">
    <img src="http://i.imgur.com/OBUL7se.jpg" class="img-responsive img-thumbnail" alt="Responsive image" />
    <div class="name">Name
        <br />Description</div>
</div>
<div class="member">
    <img src="http://i.imgur.com/OBUL7se.jpg" class="img-responsive img-thumbnail" alt="Responsive image" />
    <div class="name">Name
        <br />Description</div>
</div>
<div class="member">
    <img src="http://i.imgur.com/zmPeyso.png" class="img-responsive img-thumbnail" alt="Responsive image" />
    <div class="name">Name
        <br />Description</div>
</div>

Answer 1

.name {
    /* position: absolute; */*remove this line*/
    bottom: 0px;
    text-align: center;
}