Vertically Aligned Content - Annoying

index.html

<div class="container">
  <div class="flexbox-container">
	    <div class="blah">Vertically Aligned Content</div>
  </div>
</div>

style.css

.container{
  width:500px;
  height:500px;
  margin:0 auto;
}
.blah{
  padding:20px;
}
.flexbox-container {
  height:500px;
  margin:0 auto;
  text-align:center;
  background-color:#ccc;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
}

Vertically-Aligned-Content---Annoying.markdown

Vertically Aligned Content - Annoying

A Pen by ezos86 on CodePen.

License.