In HTML, I have a div that contains a table of labels and textboxes

the following HTML code belongs to the ‘td’ that contains the ‘Password’:
<asp:TextBox ID="Password" runat="server" TextMode="Password" onkeyup="return passwordChanged();"></asp:TextBox>
<span id="strengthID"></span>
passwordChanged is a javascript function to determine the strength of the password. This function changes the innerHTML of the span ‘strengthID’
My problem is simple: when ‘stengthID’ changes its content (on onkeyup event), the whole table shifts left.

My goal is to keep everything as it is while changing the inner text of the span. I couldn’t get rid of this behavior. Please can you point to some possible css attribute I would need to use? or any other suggestions?
Thanks,
you need to specify wdith for your first column.
for example
specifying width for any row’s first column will do the job