Having Trouble Aligning Text In Two <td>, Same Row

[mboehler3]

Hi, here is a screen shot of my problem:I want the text to all align on the same line, the top. Here is my code:

<div class="grid_4">	<img src="/images/v1_1/surechoice/ac_subboxTop.gif" />	<div class="ac_subBox">	<div class="ac_boxtitleBig">Referral Program</div>	<div class="ac_boxsubheadBig">Save your clients time and money</div>	<table>	<tr>	<td width="107">	<img src="/images/v1_1/surechoice/ac_postnote.gif" />	</td>	<td>	<div class="ac_rightimageText">Refer the online alternative to traditional payroll<br /><br /><a href="#">> Learn More</a>	</div>	</td>	</tr>	</table>	</div><img src="/images/v1_1/surechoice/ac_subboxBottom.gif" /></div>

I dont think you need the css, but it can be found here: CSSPlease help, thank you!!

[dsonesuk]

It seems by default, table cells are vertical aligned in the middle, which looks what it is doing on your page. try adding valign="top" or style="vertical-align: top;"<td valign="top"> <div class="ac_rightimageText">Refer the online alternative to traditional payroll<br /><br /><a href="#">> Learn More</a> </div> </td>or<td style="vertical-align: top;"> <div class="ac_rightimageText">Refer the online alternative to traditional payroll<br /><br /><a href="#">> Learn More</a> </div> </td>

Edited June 28, 2009 by dsonesuk