Semantic Differential Label Headers

Hello:

I have added a right and left label header by using the below code

[code]

<script type="text/javascript">

$(document).ready(function()

{

row_html = "<tr><td class='left_label_header alt_color valign='bottom' colspan='1'>Statement A</td><td class='corner_label_cell alt_color' align='center' colspan='4'>&nbsp;</td><td class='right_label_header alt_color' align='right' valign='bottom' colspan='1'>Statement B</td></tr>";

$(".column_header_row").before(row_html);

});

</script>

[/code]

What I cannot figure out is how to align the text "Statement A" and "Statement B" to the middle. Currently it is at the top (see image below). I would like Statement A and Statement B to be on the same row has "more with". Thank you in advance for your help.

4 replies