Is there a simple way to make html textarea and input type text equally wide?

Question

Is there a simple way of getting a HTML textarea and an input type=\"text\" to render with (approximately) equal width (in pixels), that works in different browsers?

A C

Answer 1

This is a CSS question: the width includes the border and padding widths, which have different defaults for INPUT and TEXTAREA in different browsers, so make those the same as well:

This is described in the Box dimensions section of the CSS specification, which says:

The box width is given by the sum of the left and right margins, border, and padding, and the content width.