Q:

jquery vertical align 2 divs

This is what I'm trying to achieve

I have a fluid tooltip and a button. Their width is determined by the text and div padding. The text can vary. That said how would it be possible to vertically align them via Jquery?
The reason I want to use jquery is to avoid using tables and excessive HTML.
I tried the width() function but it doesn't give the exact width. I suppose one should get the padding too?
Lastly, I'm terrible with numbers.. I'm not sure what formula can be used but I suspect maybe dividing both div widths by 2 and somehow centering the middles?
EDIT: When clicking the button, the tooltip appears and is absolute not to interfere/push other divs.
EDIT: Work in progress  jsfiddle.net/Aezb6

A:

Get the width of the calloutdiv//
widthCallout=$('#calloutdivWidth'); // this is dynamic
divide this by width of push button which is constant.
get  left :
left= widthCallout/pushbuttonwidth

you can play around with paddingLeft value + or - which gives you exactly the center :

