Home/ Questions/Q 8448465
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T10:26:06+00:00

<html> <body> This should be level with the middle of the box! <textarea id=id

  • 0
<html>
<body>

This should be level with the middle of the box!
<textarea id="id" name="name" rows="9" cols="50">Text is in here!</textarea>

</body>
</html>

Picture of what this ends up looking like.

How do I make it so that the text to the left of the box stays level with the middle of the box, even if it’s being dragged around? Can it be done with CSS, or will it require Javascript?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to set both the text and textarea to vertical-align: middle. Example HTML:

    .middletext {
  vertical-align: middle;
}

#id {
  vertical-align: middle;
}
    <html>

<body>

  <span class="middletext">This should be level with the middle of the box!</span>
  <textarea id="id" name="name" rows="9" cols="50">Text is in here!</textarea>

</body>

</html>

    If you want to set a width/height on the text, add display: inline-block to the .middletext class.

    • 0