how to vertically center content

how to vertically center content

Hi there,

How do I vertically center the content that is inside the following div.

  1. <div data-role="main" class="ui-content">
  2. </div>

Thanks

Joe