How to line up HTML input elements?

Question

I am hoping to find a resource for lining up input elements in a HTML page. I find it difficult to get a select element and a text box to be the same width even when using t

Answer 1

If you desperately need { width: 100%; } and not specified with widths in pixels, then jQuery is your friend:

$(function () {
    var allSelects = $('input[type="text"], textarea');
    allSelects.css('width', (allSelects.width()-6)+'px');
}

-6 pixels works best for me (FF9), edit as you see fit.