html - How to make form line up? -

Here's the code

How do I enter 'domain name', selector list and button Fully up (down) I have tried some things, but it can not be found properly.

HTML

  & lt; Div id = "insideimagesearch" class = "elegantaero" & gt; & Lt; Form method = "get" action = "dac" onsubmit = "return check_domain_input ()" accept-charset = "utf-8" & gt; & Lt; H1 & gt; Make your domain It's easy. & Lt; / H1> & Lt; Input type = "text" name = "domain" value = "" placeholder = "enter domain name" /> & Lt; Select name = "tld" class = "tld"> & Lt; Option value = "" & gt; Select & lt; / Options & gt; & Lt; Option value = "co.uk" & gt; .co.uk & lt; / Options & gt; & Lt; Option value = "me.uk" & gt; .me.uk & lt; / Options & gt; & Lt; Option value = "org.uk" & gt; .org.uk & lt; / Options & gt; & Lt; Option value = "biz" & gt; .biz & lt; / Options & gt; & Lt; Option value = "com" & gt; .com & lt; / Options & gt; & Lt; Option value = "info" & gt; Info & lt; / Options & gt; & Lt; Option value = "name" & gt; .name & lt; / Options & gt; & Lt; Option value = "Pure" & gt; .net & lt; / Options & gt; & Lt; Option value = "org" & gt; .org & lt; / Options & gt; & Lt; Option value = "EU" & gt; .eu & lt; / Options & gt; & Lt; / Select & gt; & Lt; Input type = "button" square = "button" value = "search" /> & Lt; / Form & gt; & Lt; / Div & gt; & Lt ;! - Inner months end Search Elegentaro - & gt;  

CSS

/ * Elegant aero / / Elegentarro {width: 600px; Margin-right: auto; Margin-left: auto; Background: #DDF0F8; Padding: 30px 30px 20px 30px; Box-Shadow: # 868686 0 Pix 10 Px-1px; -WebKit-box-shadow: # 868686 0 px 10 px-1px; Font: 12px aerial, helvetica, non-serif; Color: # 666; }. Elegentarro H1 {font: 24px "Trebchett MS", Ariel, Helvetica, Sense-Serif; Padding: 20px 10px 20px 30px; Display area; Font-weight: 600; Color: #FFFFFF; Background: # 44B6F5; Margin-top: -30px; Margin-left: -30px; Margin-right: -30px; Border bottom: 1px solid # B9E1F1; }. Elegantero input [type = "text"], elegant-arrow input [type = "email"],. Elegant-aro tectaire, elegant-air selection {color: # 888; Width: 65%; Padding: 5px 4px 0px 5px; Margin-top: 2px; Margin-right: 6px; Margin-down: 16px; Border: 1px solid # CEE2E7; Background: #FBFBFB; Profile: 0; -WebKit-box-shadow: INSAT1PX1PX2PXRGBA (200, 200, 200, 0.2); Box-Shadow: Inset 1 PX 1 Px 2 Px RGBA (200, 200, 200, 0.2); Font: 200 24px / 24px aerial, helvetica, non-serif; }. Elegentoro Textrea {Height: 100px; } .elegantaero {background: #fbfbfb url (../ img / index / header / down-arrow.png); Background: #FBFBFB URL (../img / index / header / down-arrow.png) no-recitright; Presence: None; -WebKit-Presence: None; -Mouse-presence: none; Text indent: 0.01 px; Lesson-overflow: ''; Width: 60px; Height: 30px; }. Elegantero. Button {Padding: 10px 30px 10px 30px; Background: # 44B6F5; Border: None; Color: #fff; font-weight: bold; }. Eleganeta. Button: Hover {background: # 0977B4; }

you vertical-align: middle; You can set the remove the idle top / bottom margin for inline elements and enter your domain name input.

 . Elegantero input [type = "text"]. Select Elegentarro, Eleganteira Button {vertical-align: center; }  

.