How to vertically align elements in ?

Question

I have a horizontal

and I need to center each
• in it vertically. My markup is below. Each
• has a border

Answer 1

I assume that since you're using an XML declaration, you're not worrying about IE or older browsers.

So you can use display:table-cell and display:table-row like so:

    
    


    

        

            
first item

                first item

                first item
            
second item
            
last item
            
button

                button