how to align buttons vertically in html

1<style>/*The Css Code*/
2  #test {
3    vertical-align: top/middle/bottom; /*your choice*/
4  }
5  button {
6    display: block;/*will place the buttons on seperate lines*/
7  }
8</style>
9
10<!--The Html Code-->
11<div id="test"><!--In order to align buttons you need a container div (or any parent element) with the apropriate style-->
12  <button>Button 1</button>
13  <button>Button 2</button>
14  <button>Button 3</button>
15</div>