JQM collapsible header with image

Question

Hello guys I have a problem...

I use collapsible set in my JQM 1.4 page...

In the header I want to have text on the left and an image on the right ...

i used this piece of code

<h3>Sectionit ' + naslov + '<img src="images/'+slika+'" width="150" height="150" style="float:right;" /></h3>

and this is what happens...

http://oi44.tinypic.com/s1uwjl.jpg

How do I make the text to be vertical aligned in center ???

thanks

Answer 1

DEMO

Just make the line height the same as the image height:

h3 .ui-collapsible-heading-toggle {
    line-height: 150px;
}

NOTE: this only works for single lines of text...