Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

<textarea> in line with a paragraph?

12:08 pm on Feb 5, 2014 (gmt 0)

New User

5+ Year Member

joined:Feb 5, 2014
votes: 0

So I have this result: [imgur.com...]

And this is the code:

<p>Basic function and Scope <span style="color:red">*</span>
<textarea class="intro" cols="182" rows="3" style="margin-left:170px" ></textarea>
<p>Task and duties <span style="color:red">*</span>
<textarea class="intro" cols="182" rows="3" style="margin-left:170px"></textarea>

How can I raise the textarea to the dotted line, to be on the same line with the text?
8:23 am on Feb 6, 2014 (gmt 0)

Senior Member

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 15, 2002
votes: 0

and instead use
vertical-align: top

The textarea is inline with the text by default. Your left margin shifts it over (and to the next line, presumably). Now, if you want to ensure that both textareas line up, then you need to wrap the text in an element (like, a
) which is floated left.