title: How to include caption for gallery using magnific popup?
body: <p>I am trying to include a caption on the actual webpage under the image while using the magnificence popup gallery. Using a div and class caption or carousel-caption, I am unable to do so without the images in the gallery stacking vertically one by one. How can I do this?</p>
  
  <pre><code>&lt;a href="img/base/ggg.PNG" title="HELLO" class="chicken"&gt;
    &lt;img src="img/base/pop.PNG" alt="remember your alt tag" /&gt;
  &lt;/a&gt;
  
  $(document).ready(function() {
        $('.chicken').magnificPopup({ 
           type: 'image',
           gallery:{enabled:true}
           // other options here
           // end each line (except the last) with a comma
        });
     });
  </code></pre>
  
  <p>js fiddle: <a href="https://jsfiddle.net/sb4btox7/" rel="noreferrer">https://jsfiddle.net/sb4btox7/</a></p>