Horizontally Aligning Input Fields

I am trying to get an input field, and it's associated submit button on the same horizontal line, but proving to be a challenge. Here is my code:

Solution 1:

add this to your style.

#productSearchforminput {
    vertical-align: middle;
}

Solution 2:

for textfield:

float: left;

for the button:

margin-top: 2px;
float: right;

Share

You may like these posts

• 
  Declaration 2d Array Containing Multiple Objects For Graph Plugin?
• 
  Each Value Is Displayed In A New Row HTML Table
• 
  How Can I Detect Keydown Or Keypress Event In Angular.js?
• 
  Back To PHP From JQuery