Keep html buttons at the top of a div

Question

The html buttons behave very diferently in firefox and chrome. Take this example http://jsfiddle.net/nuu1bfe2/.

<div>
    <button>hi</button>
    <button>hi<br/>you, there</button>
</div>

In firefox they are placed in the bottom of the parent but in chrome they are placed in the top. How do I make sure that the buttons are always placed in the top.

Answer 1

Use:

button{
    vertical-align: top;
}

demo