Если вы посмотрите на example-3 , вы можете увидеть добавленный автором текст под изображением, используя абзац внутри элемента списка, например:
<ul class="slides">
<li><img src="image-01.jpg" width="500" height="375" alt="First Image" />
<p>Add a caption here</p>
</li>
<li><img src="image-02.jpg" width="500" height="375" alt="Second Image" /></li>
<li><img src="image-03.jpg" width="500" height="375" alt="Third Image" /></li>
<li><img src="image-04.jpg" width="500" height="375" alt="Fourth Image" /></li>
</ul>