htmlcsstextarea

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

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 CSS/HTML solution would be brilliant. I would prefer not to have to use Javascript.

Solution

  • You should be able to use

    .mywidth {
  width: 100px;   
}
    <input class="mywidth">
<br>
<textarea class="mywidth"></textarea>