CSS - vertical align element in a div

CSS - vertical align element in a div

I'm struggling for quite some time now with that. I have 2 floated div and
I'd like to align the text with the images inside these divs.
Here is a JSFiddle
<div data-role="content" class="content">
<ul data-role="listview" data-inset="true">
<li data-icon="nf-arrow-r">
<div style="overflow:hidden;">
<div style="float:left;">
<img
src='http://images.lecouffe.org/wp-content/uploads/Chronometre.png'
width='22' height='22' />08h00 - 12h30
<br/>
<img
src='http://images.lecouffe.org/wp-content/uploads/Chronometre.png'
width='22' height='22' />13h00 - 18h00</div>
<div
style="float:right;font-weight:normal;color:blue;">9h30 +
<img
src='https://si0.twimg.com/profile_images/378800000050266964/cfbc5ac04a7ced31fcbb9dfcf1649d65.png'
width='32' height='32' />
</div>
</div>
</li>
</ul>
</div>