Stack buttons vertically

Question

I am wondering how can I make some buttons to stack vertically and not horizontally in css.

So, the html would be like:

<button>Test<button>
<button>Test<button>
<button>Test<button>

And those buttons will by default stack horizontally, what I want is to make them stack vertically (so everyone's on top of the next button).

Answer 1

Define the buttons as block-level elements. Also, note the use of the correct closing tag (</button>):

button {
    display: block;
}

<button>Test</button>
<button>Test</button>
<button>Test</button>