homepage Welcome to WebmasterWorld Guest from 54.158.190.0
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
<textarea> in line with a paragraph?
w_dude



 
Msg#: 4642593 posted 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

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



 
Msg#: 4642593 posted 8:23 am on Feb 6, 2014 (gmt 0)

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.
Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved