Top-align text within button element?

Question

I have some buttons that have varying numbers of lines of text, all with a fixed width and height. It seems that anything I put between the

Answer 1

Like PlantTheIdea's answer, this one adds a , but is simpler and works across browsers.

    
        
            This text is vertically center-aligned. I want this to be top-aligned.
        
    

.test > span {
    display: block;
    height: 100%;
}