I can't get an image and the text vertically aligned in an unordered list (seems to be a recurring problem for me). I tried vertical-allign : middle on the li and a few other tricks I found around the internet to no avail
Try setting line-height: 35px, the same height as your li element.
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
Oh, I see what your problem is now. I think your images should be a background image and then you wouldn't have to worry about the extra span element. vertical align affects the vertical alignment of the element relative to the element it's contained in.
But if it works it works.
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
in your style to make sure that they're always centered correctly relative to the element, and you can also change the images for rollover events, etc. Trying to get two different page elements to vertically align exactly is often difficult, especially with things like radio buttons and text labels, so take the image out of the equation and you halve the problem Plus, you only have to declare the image once (in the style sheet) no matter how many list items you have.
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.