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

```css
.Center {
  width: 200px;
  height: 200px;
  background: #0088cc;
  margin: auto;
  padding: 2%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.btn-bot {
  position: absolute;
  bottom: 0px;
}
```

```html
<div class=Center align='center'>
  <button class='btn-bot'>Bottom button</button>
</div>
```

Answer: 
One way of doing this would be to give it an absolute width and then a margin half of that:

```
width: 250px;
margin-left: -125px;

```

Another way would be to give the `div` the following line-height and remove all styles from the `button`:

```
line-height: 398px;

```
I know this has been answered a long time ago, but I couldn't use display:table on the parent container so I had to find another way around.

It turned out that this worked just fine:

```
.container{
    position:absolute;
}
.button{
    position:absolute;
    bottom: 5px;
    left: 0%;
    right: 0%;
    text-align: center;
}

```

Edit: This works if your button is a `<div>`, not for an actual `<button>`