Position Of Label Textbox Expression

What I am trying to do is have a label a textbox and a regular expression in one line and that for 3 lines.

label ---->textbox-->reg expression

label ---->textbox-->reg expression

label ---->textbox-->reg expression

in 3 different lines one above the other.

My problem is that the textbox (and possibly reg expression but i haven't tryied it yet) is not only lossing possition with it's above textbox when zooming but also it will have another position with another browser.So i cannot center the textboxes in one common position one above the other for all zooming and browsing.

What i think is the problem is that the label is pushing the textboxes to the right when zooming and also the letters will zoom a little more or less, according the phrase(so hello will zoom a little more that iiihi, cuz h and e and o take more space).That is just a thought.Anyhow i have tried several html designs starting with one of 3 divs that will include each line but it does not work.My latest try is this one(i'll just use 2 lines for now).

May I also mention that this goes on inside a tab of a TabContainer

Css:

Code:
.BackColorTab
{
position:relative;
background-image:url("images/backrnd.jpg");
width:100%;
height:280px;
}
.textboxrelativator

[Code] ....

So what I'm trying is to have a full line div then 2 included spans,a span for the label and a span for the textbox.This will work but the below textbox will not center and it will also have to have more or less "%" value because clearly it does not ignore the label spacing.