Welcome to WebmasterWorld Guest from 54.147.212.98

Forum Moderators: incrediBILL

Message Too Old, No Replies

<textarea> in line with a paragraph?

   
12:08 pm on Feb 5, 2014 (gmt 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>
<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?
8:23 am on Feb 6, 2014 (gmt 0)

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



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.