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

Does the button need to be absolutely positioned? If so, you could specify a width and then a negative left margin:

.btn-bot{
    position: absolute;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    bottom:0px;
}

fiddle