Vertical alignment of buttons

Question

How do i align buttons vertically? I'm trying to make a replica of google but not all the excess stuff but i can't seem to align the butttons.. need help.

Answer 1

try this

.container {
background: lightblue;
display: table;
width:100%;
}

input[type=button] {
display: block;
width: 50%;
margin: 0 auto;
}

.button-wrapper {
background: darkorange;
display: table-cell;
vertical-align: middle;
}
<div class='container'>

<div>some line with text</div>
<div>another line with text</div>

<div class='button-wrapper'>
<input type="button" value="submit" />
</div>

</div>