jEqXBK

index.html

<div class="box--middle">
  <img src="http://images.sodahead.com/profiles/0/0/2/4/0/9/7/2/1/I-like-when-girls-kiss-girls-42672842512.jpeg">
</div>

jEqXBK.markdown

jEqXBK

A Pen by Justin Liu on CodePen.

License.

style.css

.box--middle:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.box--middle {
  text-align: center;
}
.box--middle > * {
  vertical-align: middle;
}

/* 以下不重要 */

.box--middle {
  background: #F1B1F1;
  width: 200px;
  height: 200px;
}

.box--middle img{
  width: 120px;
  height: 120px;
}