Home/ Questions/Q 8584847
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T21:52:07+00:00

With this markup: <label for=example> <textarea id=example cols=40 rows=10></textarea> </label> The label does not

  • 0

With this markup:

<label for="example">
  <textarea id="example" cols="40" rows="10"></textarea>
</label>

The label does not expand with the textarea and hence the textarea pushes itself under the following fields in the form.

Does anyone know how to get the label to expand to the size of the textarea using CSS?

I’ve tried:

label { display: table; }

and all kinds of margins and padding on both the label and the textarea, but to no avail.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think you’ll need to close the text area properly, i.e with a closing </textarea> tag – though, I’m unsure of the use of label in this way – perhaps the for attribute is made redundant by enclosing the target element with the label tags. :shrugs:
    Removing the </textarea> tag from the below example makes the check-box disappear, the point being that page display is broken if the tag is omitted. 🙂

    <!DOCTYPE html>
<html>
<head>
</head>
  <body>
    <label for="cb">
        <textarea id="example" cols="40" rows="10"></textarea>
    </label>
    <input type='checkbox' checked='true' id='cb'/>
  </body>
</html>
    • 0