If you take a look at this code snippet, you will notice an issue with the layout http://jsfiddle.net/qo9czztj/
The problem arises when the title of an image is longer than one line, causing the image to shift and creating an uneven appearance within the containing div.
Despite experimenting with various positioning and display methods, achieving a flawless alignment has proven difficult.
Your assistance in resolving this matter would be greatly appreciated.
Best regards,
Matt
For reference, here is a sample of the code:
<div class="below">
<ul>
<li>
<div>
<img src="f8a9086b222786c5845f60fdc22c6c2e.jpg" />
<p>hello hello hello hello hello hello hello hello hello</p>
</div>
</li>
<li>
<div>
<img src="f8a9086b222786c5845f60fdc22c6c2e.jpg" />
<p>hello hello</p>
</div>
</li>
</ul>
</div>