A Pen by Chris Nager.

index.html

<div class="vertically-centered">vertically centered</div>

Simple-vertical-centering-with-CSS.markdown

Simple vertical centering with CSS

Simple and semantic vertically centering with CSS.

A Pen by Chris Nager on CodePen.

License.

style.css

.vertically-centered {
    height: 256px;
    overflow-x: hidden;
    white-space: nowrap;
    font-weight: bold;
    font-size: 2.5em;
    text-align: center;
    text-overflow: ellipsis;
    background-color: #eee;
}

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