Inputs and submit a href

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

.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


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

#third input {
	margin:0 5px 0 30px;