Check out this jsfiddle example
How can I prevent selects from moving down when there is an inline-block level element next to it?
<select>
<option value="" >Day</option>
</select><select>
<option value="" >Month</option>
</select><select>
<option value="" >Year</option>
</select>
<a href="">Some Text Some Text Some Text Some Text</a>
Here is the CSS:
select{
padding:5px;
margin:0px;
height:30px;
font-size:13px;
}
a{
text-decoration:none;
color:#000;
display:inline-block;
border:1px solid #ccc;
margin-left:10px;
line-height:1.28;
max-width:150px;
}