Button at the center and bottom of div

Question

How to make a button be at the bottom of div and at the center of it at the same time?

Answer 1

Give the parent element…

display: table; text-align: center;

…and its child element…

display: table-cell; vertical-align: bottom;

This way you do not need to know the width of the child element in case it changes, thus requiring no negative margins or workarounds.