Question

I have a making a menu on a webpage and can’t seem to get the elements to line up correctly. I have two buttons and two drop down menus, image attached below.

What sort of CSS styling can I do that will make the drop-down menus align horizontally with the ‘Go’ buttons? I tried adjusting the bottom and top margins of both elements but that doesn’t seem to be what I am looking for.

Here is the current CSS for both elements:

select.small {   //<- drop downs
    width: 120px; 
    margin-bottom: 0px; 
}

button.small{  //<- buttons
    margin-bottom: 0px;
}

Any input would be appreciated as I am fairly new at this.

Answer 1

Set the position of the buttons to relative and add:

top: 5px;

or whatever is needed.