燈箱標語或標題

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