動画のとおりに a タグを

  <a 
    href="img-01.png" 
    class="glightbox" 
    data-title="すごいガジェット" 
    data-description="とってもすごいです！とってもすごいです！とってもすごいです！"
    data-desc-position="left"
    >
    <img src="img-01-small.png" width="400" height="300">
  </a>

としました。

img-01-small.png をクリックすると確かに大きい画像が表示されるのですが、添付画像のようにテキストが下に表示されてしまいます。
これは何が悪いのでしょうか？