Is there a way to achieve the effect shown in my mockup using just one unordered list (ul) instead of having separate ul elements for images and text? Essentially, I want to display an image with associated text below it within a single ul element using CSS. Here's what I have in mind:
<ul>
<li><img src=""/><p>text</p></li>
<li><img src=""/><p>text</p></li>
</ul>
Any assistance on achieving this would be highly appreciated!
Cheers
Check out the mockup here.