Inputs and submit a href

HTML & CSS
1 

<div class="myForm">    					<div id="first">
        					<label for="name">Keywords</label>
        					<input name="name" id="name" type="text" />
    					</div>
    					<div id="second">
        					<label for="email">Location</label>
        					<input name="email" id="email" type="text" />                        
    					</div>
                        <div id="third">
                            <input type="submit" name="submit" id="submit" value="Submit" />
                            <a href="">Advanced Search</a>
                      </div>
	     </div>            





.myForm div {display: inline-block; vertical-align: bottom;}
 
.myForm div label { display: block;}


input {width: 370px; height: 30px; border:1px solid #111; margin:20px 0 0 0;}




#third input {width:55px; margin:15px 5px 0 30px; float:left; }


#submit { width:90px; height:30px; background:#dddddb; }

Does anyone have any good examples of a good search type function?

I can’t seem to have the inputs aligned with each other.

I’m having margin/padding problems. Haha

Thanks

2

If you want the submit and href aligned nicely just remove the margin and the float from here.


#third input {
	width:55px;
	margin:0 5px 0 30px;
}