Forum Moderators: open

Message Too Old, No Replies

<textarea> in line with a paragraph?

         

w_dude

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

10+ Year Member



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

8:23 am on Feb 6, 2014 (gmt 0)

WebmasterWorld Senior Member 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.