# \<li\> styling problem

**URL:** <https://forum.kirupa.com/t/li-styling-problem/175670>\
**Category:** web dev\
**Created:** [January 16, 2006, 10:31pm UTC](https://forum.kirupa.com/t/li-styling-problem/175670 "2006-01-16T22:31:24Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![opel](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/opel/32/199_2.png) [@opel](https://forum.kirupa.com/u/opel)\
**Post date:** [January 16, 2006, 10:31pm UTC](https://forum.kirupa.com/t/li-styling-problem/175670/1 "2006-01-16T22:31:24Z")

</div>

how would I style the following tag so that both the text and \<img\> have link attributes i.e. normal and hover.

I want the items to be a vertical list with the text positioned underneath like a caption.

```auto
<ul>
<li><a href="#"><img src="image.jpg" /> caption text</a>

```