Well it seems that i have a textbox and a textarea under it. Both sizes are 20 but they don't seem identical.

Is there a way to make them identical vertically?


Setting the size attribute of the textbox changes its width, and changing the cols attribute of the textbox changes the number of characters that can fit horizontally, or its width. I'm not sure if a textarea has a size attribute. :D

Try it with some <style> block:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html lang="en">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Window-target" content="_top">
<title>Free Live Help!</title>
<style type="text/css">
form div {
   width : 300px;
   margin : 1em auto; }
textarea, #txt {
   margin-top : .500em;
   diplay : block;
   width : 100% !important;
   border : 1px solid #aaa; }
label {
   letter-spacing : 3px; }
<script type="text/javascript">

// -->
<form method="post" id="form1" name="form1" action="#" onsubmit="return false;">
<div><label for="txtA">TextArea :
<textarea id="txtA" name="txtA" rows="5" cols="50"></textarea></label></div>
<div><label for="txt">Text field : <input type="text" id="txt" name="txt" value=""></label></div>