Center Image (Absolute Positioning)

by jessekinsman

HTML

<div class="container">
        <img src="https://lastpass.com/media/pressroom/LastPassButton100x100.gif" class="centered" />
</div>

CSS

.container {
    position: relative;
    background: black;
    width: 500px;
    height: 500px;
}
.centered {
  background: red;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
}