<textarea> in line with a paragraph?

[w_dude]

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>
<p>Task and duties <span style="color:red">*</span>
<textarea class="intro" cols="182" rows="3" style="margin-left:170px"></textarea>
</p>

How can I raise the textarea to the dotted line, to be on the same line with the text?

[DrDoc]

Remove

margin-left

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

<span>

) which is floated left.