灯箱标语或标题

Question

我试图在每张灯箱照片下都有一个标题或标签，但第二个我做的是它使所有图片都是垂直的，而不是在一行中堆叠水平或在不同浏览器中可折叠。我将添加codepens，因为这里的java脚本对于片段来说太长了。第一个显示了我希望灯箱运作的方式（没有标语），然后第二个有我想要的标语，但叠加错误的方式。如果任何人都可以帮助我找出这个问题，那将非常有帮助！谢谢！

首先Codepen：http://codepen.io/anon/pen/XpLjOp

<div id="recentwork"> 
<h2 id="recent"> Most Recent Work</h2> 


<a href="https://upload.wikimedia.org/wikipedia/en/f/f2 /Seesmic_Logo.png" data-lightbox="website" data-title=""> 
    <img src="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" width="200px" height="200px"> 
    </a> 

二Codepen：http://codepen.io/anon/pen/dNBpQm

<div id="recentwork"> 
<h2 id="recent"> Most Recent Work</h2> 


<a href="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" data-lightbox="website" data-title=""> 
    <img src="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" width="200px" height="200px"> 
    </a> 
    <h3> Title</h3> 


    <a href="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" data-lightbox="website" data-title=""> 
    <img src="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" width="200px" height="200px"> 
    </a> 
    <h3> Title</h3> 

<a href="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" data-lightbox="website" data-title=""> 
    <img src="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" width="200px" height="200px"> 
     </a> 
     <h3> Title</h3> 

    <a href="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" data-lightbox="website" data-title=""> 
    <img src="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" width="200px" height="200px"> 
     </a> 
     <h3> Title</h3> 


    </div> 

Answer 1

你可以包括a内h3，然后用户可以点击要么跟随链接。

<a href="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" data-lightbox="website" data-title=""> 
    <img src="https://upload.wikimedia.org/wikipedia/en/f/f2/Seesmic_Logo.png" width="200px" height="200px"> 
    <h3> Title</h3> 
</a> 

要水平行中的图像使用：

#recentwork a { 
    display: inline-block; 
} 

codepen