There are two elements positioned side by side: an input field and a div. The div is absolutely positioned inside a relative element and placed to the right of the input.
The input field has a fixed height, while the height of the div depends on its content.
I am looking to vertically align the div next to the input in the middle. I am uncertain if this can be achieved using just CSS, which is why I have included the javascript tag.
HTML:
<td>
<input type="text"/>
<div id="rel" style='position:relative;'>
<div id="content">
content
</div>
</div>
</td>
CSS:
#content {
position:absolute;
left:30px;
}
...