adjusting the vertical alignment of inline elements

[thesheep]

I've got an image, then an unordered list all inline forming my nav bar at the top of the page.

The link text in the <ul> comes slightly too low relative to the image. How can I push it up a bit?

Adding padding or margin to the bottom of the <a> elements or their containing <li> or <ul> elements doesn't move them.

Thanks,

[createErrorMsg]

You could try giving the <a>nchor tags a line-height. This will adjust how they sit in the box by altering the height of the box and changing the exact location of vertical center to match.

Make sense?

[thesheep]

OK thanks.

Another thing. How do I style a <select> element in a form? Changing the border attribute with css doesn't seem to do anything.

select { border: 1px solid red; }

[createErrorMsg]

What about applying a class to the <select>?

css:
.formselect {
border: 1px solid red;
}

html:
<select class="formselect">blah</select>

I have no idea if this will work, but you can try.