I have the following:

[JSFiddle](http://jsfiddle.net/3cywz/12/)

and I wish for the images to be centred vertically for each item in the list. How can I do this?

```
<li>
   <img src="Scotland.jpg" />
   <h3>Scotland 4</h3>
   <p>P1</p>
   <p>P2</p>
   <p>P3</p>
   <p>P4</p>
   <p>P5</p>
   <p>P6</p>
   <p>P7</p>
   <p>P8</p> 
</li>

```