Vertical aligning in CSS

.container { display: block; text-align: center }

.container:before {
  content: "";
  width: 1px;
  height: 100%;
}

.container .child,
.container:before {
  display: inline-block;
  vertical-align: middle;
}