Vertical alignment of a div using Semantic-UI

Question

I can't seem to find it anywhere in the docs.

Is there a way to vertically center a div on the page using Semantic-UI semantics :)

Here is what I'm trying to do:

<div class="ui centered grid">
  <div class="eight column wide">
    <div>I want to be centered vertically on a page</div>
  </div>
</div>

Answer 1

http://semantic-ui.com/examples/grid.html

Use middle aligned class on grid