I have a basic HTML form that I am centering. I am using jQuery plugin to dynamically validate that the fields are required. When it adds the “Field is required” message after the text box, it causes the form/table to shift due to the fact that it is in a table. This makes sense.
The question I have is what is the best way to keep the table/form centered on the page as but allow any dynamically added elements that are added “after” the text boxes to not shift the form? See my example here: http://jsbin.com/amasa4/3/
I don’t necessarily need it to remain a table if it is easier done without while keeping the same style.
All I did to solve this was set the label class of the errors that are dynamically added to absolute. That way I could still center the form using CSS.