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

This is what worked for me and I think is what several people were trying to get at. Just use a full width wrapper div with the button centered inside it.

        

            The Button
        
    


.outer{
  position:relative;
  height:200px;
  width:500px;
  background-color:lightgreen;
}
.inner-button-container{
  background-color:grey;
  position:absolute;
  bottom:0;
  right:0;
  left:0;
  text-align:center;
}

a{
  margin:auto;
  background-color:white;
}

Result:

Fiddle