title: HTML - Fancybox - Adding text below image thumbnail
body: <p>I am using an HTML code for simple image gallery on my website from this demo: <a href="http://fancyapps.com/fancybox/demo/" rel="nofollow">http://fancyapps.com/fancybox/demo/</a> Is there an easy way to add text below each thumbnail which would be different from the image title (which is displaying after clicking on a thumbnail)?</p>
  
  <p>Thank you very much.</p>
  
  <p>EDIT: Thanks for your help, but it was't quite what I asked. Anyway, my friend has solved it. Both image link and description must be included next to each other in one parent element, like this:</p>
  
  <pre><code>&lt;div&gt;
      &lt;a ... &gt;&lt;img src="image link" alt="First picture" /&gt;&lt;/a&gt;
      &lt;p&gt;Description&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Then the width of the div is set to the width of the image thumbnail, causing the description to "drop" down below the thumbnail.</p>