How can I get this submit button to display inline?

Attached is screenshot of a submit button that I can't get to display inline. Here's my html:

Below is an online version of the org chart..<ul><li>executive assistants are listed immediately below their manager and are represented using a grey background</li><li>all managers are listed against a colored background their matches the background color of the Director they report to</li><li>all employees are color coded to match the background color of their Executive Director</li></ul>Click on the name to email them and if you have any questions, please contact someone on the South Area Network IT Team.Thanks!<br><br><hr>

<!-- here --> 

<div style="text-align:right;"><form action="org_chart_search.php" method="Post" style="display:inline;"><input type="text" value="search for a team member" size="35" onfocus="if(this.value == \'search for a team member\') {this.value=\'\'}" onblur="if(this.value ====\' \'){this.value=\'search for a team member...\'}" name="name"><input type="image" src="images/submit_button.jpg"></form></div><hr><br>';

Open in new window


I've tried several combinations, but I've yet to figure out how to get things to line up correctly. What am I missing?
submit-button-dilemma.JPG
brucegustPHP DeveloperAsked:
Who is Participating?
 
Chris StanyonCommented:
Thanks bruce.

Add this style to your textbox:

vertical-align:top;margin-top:5px;

That will get them to line up fine.

If you want to get things a little 'tighter' then you'll need to edit your button image. There's quite a bit of white space around it and that makes the button 39px deep. The textbox is only 22px deep.
0
 
Chris StanyonCommented:
They'll line up by default which tells me there's something else going on in your CSS that's throwing it out from the default - post a link to the page and we'll let you know.
0
 
brucegustPHP DeveloperAuthor Commented:
Hey Chris!

Check it out at http://brucegust.com/portfolio/verizon/submit_button.php

Thanks for taking a look at it!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.