Welcome to WebmasterWorld Guest from 54.146.248.111

Forum Moderators: incrediBILL

Message Too Old, No Replies

<textarea> in line with a paragraph?

     

w_dude

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?

DrDoc

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.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month